Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट के साथ विज़िटर को किसी भिन्न वेबसाइट या पेज पर रीडायरेक्ट कैसे करें

जावास्क्रिप्ट के 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 . पर निर्देशित किया जाता है ।

  1. जावास्क्रिप्ट के साथ टेक्स्ट को कैसे टॉगल करें?

    जावास्क्रिप्ट के साथ टेक्स्ट को टॉगल करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    body {       font-family: "Segoe

  1. जावास्क्रिप्ट के साथ दूसरे वेबपेज पर रीडायरेक्ट कैसे करें?

    जावास्क्रिप्ट का उपयोग करके किसी अन्य वेबपेज पर रीडायरेक्ट करने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <h1>Redirect to a Webpage Example</h1> <button class="redirectBtn">Redirect</button> <h2>Click the above button to

  1. कुछ सेकंड के बाद यूआरएल को दूसरी वेबसाइट पर रीडायरेक्ट कैसे करें?

    पृष्ठ पुनर्निर्देशन एक ऐसी स्थिति है जहां आपने पृष्ठ X तक पहुंचने के लिए URL पर क्लिक किया लेकिन आंतरिक रूप से आपको दूसरे पृष्ठ Y पर निर्देशित किया गया। यह पृष्ठ पुनर्निर्देशन के कारण होता है। कुछ सेकंड के बाद URL को किसी दूसरी वेबसाइट पर रीडायरेक्ट करने के लिए, सामग्री विशेषता के साथ META टैग का उ