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 या डोमेन पर क्यों भेजे जा रहे हैं।
आइए पहले वाले कोड को लें, लेकिन अब हम निम्नलिखित भी जोड़ते हैं:
- एक मैसेज जो बताता है कि उन्हें क्यों रीडायरेक्ट किया जा रहा है।
- एक काउंटडाउन टाइमर जो 5 सेकंड के बाद रीडायरेक्शन कोड एक्सीक्यूट करता है।
मैसेज + काउंटडाउन टाइमर दिखाएं:
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/itपर निर्देशित किया जाए।
