जावास्क्रिप्ट के window.location
. के साथ जानें कि कैसे और क्यों अपने वेबसाइट विज़िटर को किसी अन्य URL पर रीडायरेक्ट करें वस्तु।
पेज रीडायरेक्ट कैसे करें
अपने वेबसाइट विज़िटर को एक नए URL पर पुनर्निर्देशित करने के लिए, आपको केवल उस वेबपेज पर निम्नलिखित जावास्क्रिप्ट को निष्पादित करना होगा जिसे आप रीडायरेक्ट करना चाहते हैं:
window.location = "https://wheretoredirect.com"
आप या तो बाहरी .js
. में कोड डाल सकते हैं फ़ाइल करें या इसे हेड सेक्शन में इनलाइन रखें (<head>
) आपके वेबपेज का:
<script type="text/javascript">
window.location = "https://wheretoredirect.com"
</script>
अब कोई भी वेबसाइट विज़िटर जो https://yourwebsite.com
. पर जाता है आपके द्वारा निर्दिष्ट यूआरएल पर तुरंत रीडायरेक्ट हो जाएगा window.location
मूल्य।
आप वेबसाइट विज़िटर्स को यहां निर्देशित करने के लिए पेज रीडायरेक्टिंग का उपयोग कर सकते हैं:
- एक अलग वेबसाइट डोमेन (
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>
कोडपेन उदाहरण देखें।
आप अपने आगंतुकों को पुनर्निर्देशित क्यों करेंगे?
यहां कुछ कारण दिए गए हैं कि आप उपयोगकर्ताओं को वास्तविक जीवन के प्रोजेक्ट में रीडायरेक्ट क्यों करना चाहते हैं:
- आपने एक नए डोमेन नाम पर स्विच किया है और आप यह सुनिश्चित करना चाहते हैं कि जो लोग आपके पुराने डोमेन पर जाते थे उन्हें नए डोमेन पर निर्देशित किया जाता है।
- आपके पास अपनी वेबसाइट के विभिन्न संस्करण हैं, उदा. एक पुराने ब्राउज़र के लिए और दूसरा आधुनिक ब्राउज़र के लिए, और आप यह सुनिश्चित करना चाहते हैं कि उपयोगकर्ता अपने ब्राउज़र से मेल खाने वाले ब्राउज़र का उपयोग करें।
- आपके पास एक ही वेबसाइट के विभिन्न भाषा संस्करण हैं, और आप यह सुनिश्चित करना चाहते हैं कि उदा. अपने ब्राउज़र में इतालवी भाषा सेटिंग वाले उपयोगकर्ताओं को
yourwebsite.com/it
. पर निर्देशित किया जाता है ।