কম্পিউটার টিউটোরিয়াল

JavaScript দিয়ে ভিজিটরকে ভিন্ন ওয়েবসাইট বা পেজে রিডাইরেক্ট করার পদ্ধতি

JavaScript-এর window.location অবজেক্ট দিয়ে আপনার ওয়েবসাইট ভিজিটরকে অন্য URL-এ কীভাবে এবং কেন রিডাইরেক্ট করবেন তা শিখুন।

পেজ রিডাইরেক্ট কীভাবে করবেন

আপনার ওয়েবসাইট ভিজিটরকে একটি নতুন URL-এ রিডাইরেক্ট করতে আপনাকে শুধু নিচের JavaScript ওয়েবপেজে এক্সিকিউট করতে হবে যেখান থেকে আপনি রিডাইরেক্ট করতে চান:

window.location = "https://wheretoredirect.com"

আপনি কোডটি একটি এক্সটার্নাল .js ফাইলে রাখতে পারেন বা আপনার ওয়েবপেজের হেড সেকশন (<head>) ইনলাইন রাখতে পারেন:

<script type="text/javascript"> window.location = "https://wheretoredirect.com" </script>

এখন আপনার ওয়েবসাইট ভিজিটর যেউকে https://yourwebsite.com এ যাবে, সে তৎক্ষণাৎ আপনার নির্দিষ্ট window.location ভ্যালুয়ের URL-এ রিডাইরেক্ট হবে।

পেজ রিডাইরেক্টিং ব্যবহার করতে পারেন ভিজিটরকে ডাইরেক্ট করতে:

  • একটি ভিন্ন ওয়েবসাইট ডোমেইন ( oldsite.com থেকে newsite.com )।
  • একই ডোমেইনে ভিন্ন পেজ/পোস্ট (yourwebsite.com/your-post)।
  • একই ডোমেইনে একটি সাবফোল্ডার (yourwebsite.com/archive)।
  • একটি সাবডোমেইন (support.yourdomain.com)।

নিশ্চিত করুন যে আপনি সঠিক ওয়েবসাইট প্রোটোকল (https, www, https://www, ইত্যাদি) ব্যবহার করছেন যখন আপনি আপনার ইউজারদের রিডাইরেক্ট করছেন।

রিডাইরেক্ট করার আগে সাইট ভিজিটরকে মেসেজ দেখান

ইউজার এক্সপেরিয়েন্স বাড়াতে আপনি আপনার সাইট ভিজিটরকে একটি মেসেজ দেখাতে পারেন এবং একটি কাউন্টডাউন টাইমার দিয়ে রিডাইরেকশন বিলম্বিত করতে পারেন। এইভাবে আপনার ভিজিটররা কনফিউজড হবেন না কেন তারা হঠাৎ একটি ভিন্ন URL বা ডোমেইনে পাঠানো হচ্ছে।

আগের কোডটি নিই, কিন্তু এখন আমরা নিচের مواردও যোগ করব:

  • একটি মেসেজ যা ব্যাখ্যা করবে কেন তাদের রিডাইরেক্ট করা হচ্ছে।
  • একটি কাউন্টডাউন টাইমার যা ৫ সেকেন্ড পর রিডাইরেকশন কোড এক্সিকিউট করবে।

মেসেজ + কাউন্টডাউন টাইমার:

function showMessageBeforeRedirect() { window.location = "https://wheretoredirect.com" } document.write("You’ll be redirected to our new domain in 5 seconds :-)") setTimeout("showMessageBeforeRedirect()", 5000)

5000 ভ্যালুটি মিলিসেকেন্ড।

কোডটি আগের মতো আপনার ওয়েবসাইট <head> এ যোগ করুন:

<script type="text/javascript"> function showMessageBeforeRedirect() { window.location = "https://wheretoredirect.com" } document.write("You’ll be redirected to our new domain in 5 seconds :-)") setTimeout("showMessageBeforeRedirect()", 5000) </script>

CodePen উদাহরণ দেখুন।

কেন আপনি আপনার ভিজিটরদের রিডাইরেক্ট করবেন?

বাস্তব প্রজেক্টে ইউজার রিডাইরেক্ট করার কয়েকটি কারণ নিচে দেওয়া হলো:

  • আপনি একটি নতুন ডোমেইন নেমে স্যুইচ করেছেন এবং আপনি নিশ্চিত করতে চান যে যারা আপনার পুরানো ডোমেইন ভিজিট করতেন তারা নতুন ডোমেইনে ডাইরেক্ট হয়।
  • আপনার ওয়েবসাইটের ভিন্ন ভার্সন আছে, যেমন লেগেসি ব্রাউজারের জন্য একটি এবং আধুনিক ব্রাউজারের জন্য একটি, এবং আপনি নিশ্চিত করতে চান যে ইউজাররা তাদের ব্রাউজারের সাথে মিলে যাওয়া ভার্সনে ল্যান্ড করে।
  • আপনার ওয়েবসাইটের ভিন্ন ভাষা ভার্সন আছে, এবং আপনি চান যে যেমন ইংরেজি ল্যাঙ্গুয়েজ সেটিংস वाले ইউজাররা yourwebsite.com/en-এ ডাইরেক্ট হয়।
  1. জাভাস্ক্রিপ্টে অটোকমপ্লিট (Autocomplete) তৈরি করা

  2. জাভাস্ক্রিপ্ট দিয়ে টেক্সট টগল করা

  3. জাভাস্ক্রিপ্ট দিয়ে অন্য ওয়েবপেজে রিডাইরেক্ট

  4. কয়েক সেকেন্ড পর অন্য ওয়েবসাইটে URL রিডাইরেক্ট করা