विभिन्न देशों के लिए डाइनेमिक एफिलिएट लैंडिंग पेज कैसे बनाएं

यदि आप अपने ईकॉमर्स दुकान को विभिन्न देशों के लिए अलग-अलग डोमेन पर चला रहे हैं और एफिलिएट्स के साथ काम कर रहे हैं, तो यह महत्वपूर्ण है कि आप एक स्वच्छ और रूपांतरण-ऑप्टिमाइज़ लैंडिंग पेज बनाएँ जो ऑटोमैटिकली एफिलिएट रेफरर कोड के अनुसार अनुकूल हो जाए।इस छोटे से ट्यूटोरियल में, हम दिखाएंगे कि आप अपने एफिलिएट्स के लिए एक मिनिमल और रिस्पॉन्सिव लैंडिंग पेज कैसे बना सकते हैं जो ऑटोमैटिकली रेफरल कोड (ref) को देश-विशिष्ट डोमेन्स पर ट्रांसफर करता है जैसे कि:

• 🇺🇸 en.selldone.com
• 🇬🇧 uk.selldone.com
• 🇩🇰 da.selldone.com
• 🇫🇷 fr.selldone.com

यह सेटअप तब आदर्श है जब आप विभिन्न देश-विशिष्ट स्टोर्स का उपयोग कर रहे हैं और अपने एफिलिएट लिंक को केंद्रीकृत रखना चाहते हैं।

🎯 हम क्या बना रहे हैं

• एक साधारण लेकिन स्टाइलिश लैंडिंग पेज जिसमें शामिल हैं:
• एक शीर्षक: "उत्तम फैशन"
• एक उपशीर्षक: "खरीददारी शुरू करने के लिए अपना देश चुनें..."
• चार बड़े देश बटन, प्रत्येक देश के ध्वज के साथ
• यूआरएल से ऑटोमैटिक रेफरल कोड हैंडलिंग

यहाँ है अंतिम परिणाम (कोड के लिए नीचे स्क्रॉल करें):

✅ HTML + JS कोड (उपयोग के लिए तैयार)

आप निम्नलिखित कोड को किसी भी .html फाइल में कॉपी-पेस्ट कर सकते हैं और इसे अपने सर्वर पर होस्ट कर सकते हैं:%7B%22html%22%3A%22%3C!DOCTYPE%20html%3E%5Cn%3Chtml%20lang%3D%5C%22en%5C%22%3E%5Cn%3Chead%3E%5Cn%20%20%3Cmeta%20charset%3D%5C%22UTF-8%5C%22%20%2F%3E%5Cn%20%20%3Cmeta%20name%3D%5C%22viewport%5C%22%20content%3D%5C%22width%3Ddevice-width%2C%20initial-scale%3D1.0%5C%22%2F%3E%5Cn%20%20%3Ctitle%3ESelldone%20Fashion%3C%2Ftitle%3E%5Cn%20%20%3Cstyle%3E%5Cn%20%20%20%20body%20%7B%5Cn%20%20%20%20%20%20font-family%3A%20'Inter'%2C%20sans-serif%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23f9f9f9%3B%5Cn%20%20%20%20%20%20margin%3A%200%3B%5Cn%20%20%20%20%20%20padding%3A%200%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20min-height%3A%20100vh%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20main%20%7B%5Cn%20%20%20%20%20%20flex%3A%201%3B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20align-items%3A%20center%3B%5Cn%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20padding%3A%202rem%201rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20h1%20%7B%5Cn%20%20%20%20%20%20font-size%3A%202.5rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%200.5rem%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20p.instruction%20%7B%5Cn%20%20%20%20%20%20font-size%3A%201.1rem%3B%5Cn%20%20%20%20%20%20margin-bottom%3A%202rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23555%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20display%3A%20flex%3B%5Cn%20%20%20%20%20%20flex-direction%3A%20column%3B%5Cn%20%20%20%20%20%20gap%3A%201rem%3B%5Cn%20%20%20%20%20%20width%3A%20100%25%3B%5Cn%20%20%20%20%20%20max-width%3A%20400px%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20padding%3A%201.2rem%3B%5Cn%20%20%20%20%20%20font-size%3A%201.25rem%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fff%3B%5Cn%20%20%20%20%20%20border%3A%202px%20solid%20%23ddd%3B%5Cn%20%20%20%20%20%20border-radius%3A%2012px%3B%5Cn%20%20%20%20%20%20cursor%3A%20pointer%3B%5Cn%20%20%20%20%20%20transition%3A%20all%200.2s%20ease%3B%5Cn%20%20%20%20%20%20text-decoration%3A%20none%3B%5Cn%20%20%20%20%20%20color%3A%20%23222%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20.country-button%3Ahover%20%7B%5Cn%20%20%20%20%20%20background-color%3A%20%23eee%3B%5Cn%20%20%20%20%20%20border-color%3A%20%23ccc%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%40media%20(min-width%3A%20600px)%20%7B%5Cn%20%20%20%20%20%20.buttons%20%7B%5Cn%20%20%20%20%20%20%20%20flex-direction%3A%20row%3B%5Cn%20%20%20%20%20%20%20%20flex-wrap%3A%20wrap%3B%5Cn%20%20%20%20%20%20%20%20justify-content%3A%20center%3B%5Cn%20%20%20%20%20%20%7D%5Cn%5Cn%20%20%20%20%20%20.country-button%20%7B%5Cn%20%20%20%20%20%20%20%20flex%3A%201%201%2040%25%3B%5Cn%20%20%20%20%20%20%7D%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20footer%20%7B%5Cn%20%20%20%20%20%20padding%3A%201rem%3B%5Cn%20%20%20%20%20%20text-align%3A%20center%3B%5Cn%20%20%20%20%20%20font-size%3A%200.9rem%3B%5Cn%20%20%20%20%20%20color%3A%20%23888%3B%5Cn%20%20%20%20%20%20border-top%3A%201px%20solid%20%23eee%3B%5Cn%20%20%20%20%20%20background-color%3A%20%23fafafa%3B%5Cn%20%20%20%20%7D%5Cn%20%20%3C%2Fstyle%3E%5Cn%3C%2Fhead%3E%5Cn%3Cbody%3E%5Cn%5Cn%20%20%3Cmain%3E%5Cn%20%20%20%20%3Ch1%3ESelldone%20Fashion%3C%2Fh1%3E%5Cn%20%20%20%20%3Cp%20class%3D%5C%22instruction%5C%22%3ESelect%20your%20country%20to%20start%20shopping...%3C%2Fp%3E%5Cn%5Cn%20%20%20%20%3Cdiv%20class%3D%5C%22buttons%5C%22%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-us%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%BA%F0%9F%87%B8%20United%20States%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-de%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%AA%20Germany%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-dk%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%A9%F0%9F%87%B0%20Denmark%3C%2Fa%3E%5Cn%20%20%20%20%20%20%3Ca%20id%3D%5C%22btn-fr%5C%22%20class%3D%5C%22country-button%5C%22%3E%F0%9F%87%AB%F0%9F%87%B7%20France%3C%2Fa%3E%5Cn%20%20%20%20%3C%2Fdiv%3E%5Cn%20%20%3C%2Fmain%3E%5Cn%5Cn%20%20%3Cfooter%3E%5Cn%20%20%20%20%C2%A9%20%3Cspan%20id%3D%5C%22year%5C%22%3E%3C%2Fspan%3E%20Selldone.%20All%20rights%20reserved.%5Cn%20%20%3C%2Ffooter%3E%5Cn%5Cn%20%20%3Cscript%3E%5Cn%20%20%20%20function%20getRefParam()%20%7B%5Cn%20%20%20%20%20%20const%20params%20%3D%20new%20URLSearchParams(window.location.search)%3B%5Cn%20%20%20%20%20%20return%20params.get(%5C%22ref%5C%22)%20%7C%7C%20%5C%22%5C%22%3B%5Cn%20%20%20%20%7D%5Cn%5Cn%20%20%20%20const%20ref%20%3D%20getRefParam()%3B%5Cn%5Cn%20%20%20%20document.getElementById(%5C%22btn-us%5C%22).href%20%3D%20%60https%3A%2F%2Fen.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-de%5C%22).href%20%3D%20%60https%3A%2F%2Fde.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-dk%5C%22).href%20%3D%20%60https%3A%2F%2Fda.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%20%20%20%20document.getElementById(%5C%22btn-fr%5C%22).href%20%3D%20%60https%3A%2F%2Ffr.selldone.com%3Fref%3D%24%7Bref%7D%60%3B%5Cn%5Cn%20%20%20%20%2F%2F%20Set%20current%20year%20in%20footer%5Cn%20%20%20%20document.getElementById(%5C%22year%5C%22).textContent%20%3D%20new%20Date().getFullYear()%3B%5Cn%20%20%3C%2Fscript%3E%5Cn%5Cn%3C%2Fbody%3E%5Cn%3C%2Fhtml%3E%5Cn%22%7D

🔧 यह कैसे काम करता है

• रेफरल कोड निष्कर्षण: हम URLSearchParams का उपयोग करते हैं वर्तमान यूआरएल से ref पैरामीटर को प्राप्त करने के लिए।
• डायनेमिक रीडायरेक्शन: जब कोई उपयोगकर्ता बटन पर क्लिक करता है, तो स्क्रिप्ट स्वचालित रूप से उन्हें सही देश डोमेन पर रीडायरेक्ट करती है और ref कोड पास करती है।
• रिस्पॉन्सिव डिज़ाइन: लेआउट मोबाइल-फ्रेंडली है जिसमें बड़े, पहुँचनीय बटन होते हैं। यह फ्लेक्सबॉक्स का उपयोग करता है जिससे साईज़ को समान बनाए रखे।

💡 यह उपयोगी क्यों है

• सभी एफिलिएट्स के लिए एक लिंक: उन्हें केवल एक लिंक करना होता है xyz.com/?ref=XXXX के लिए।
• स्थानीय अनुभव: ग्राहक को उनके क्षेत्र के अनुसार शॉप डोमेन पर रीडायरेक्ट किया जाता है।
• कोई बैकएंड की आवश्यकता नहीं: यह एक स्टेटिक, पूरी तरह से क्लाइंट-साइड समाधान है।

🧪 उदाहरण यूआरएल

यहां जाना:

https://xyz.com/?ref=AFF12345

🇩🇰 डेनमार्क बटन पर क्लिक करते ही:

https://da.selldone.com/?ref=AFF12345

🚀 अगले कदम

1. इस पेज को अपने एफिलिएट दस्तावेज़ में एम्बेड करें।
2. अपने पार्टनर्स के साथ आधार लिंक साझा करें https://xyz.com/?ref=YOURCODE।
3. बाद में आप अधिक देशों के लिए बटन की सूची बढ़ा सकते हैं उसी प्रारूप का उपयोग करके।

अपने लैंडिंग पेज को ChatGPT में कस्टमाइज़ करें

आप इस पेज को अपनी आवश्यकताओं के अनुसार ChatGPT का उपयोग करके कस्टमाइज़ कर सकते हैं निम्नलिखित लिंक पर:

⚡ पेज कैसे प्रकाशित करें

आपके पास आपके डायनेमिक एफिलिएट लैंडिंग पेज को प्रकाशित करने के दो आसान विकल्प हैं:

विकल्प 1. अपने Selldone दुकान पर डिप्लॉय करें:

अपने Selldone डैशबोर्ड में लॉग इन करें, पेजेस > स्टेटिक, पर जाएं और एक फोल्डर बनाएं (उदा., एफिलिएट)। अपने HTML फाइल को अपलोड करें index.html के रूप में इस फोल्डर के अंदर। फिर, डोमेन सेक्शन में जाएं, एक नया डोमेन या उपडोमेन जोड़ें, और इसे नवीन स्टेटिक पेज के लिए असाइन करें उस फोल्डर का पथ सेट करके।

विकल्प 2. Cloudflare पेजेस पर नि:शुल्क डिप्लॉय करें (अनुशंसा की गई):

आप अपने पेज को Cloudflare पेजेस का उपयोग करके नि:शुल्क होस्ट कर सकते हैं। सिर्फ एक नया प्रोजेक्ट बनाएं, अपनी index.html फाइल को खींचें और छोड़ें, और डिप्लॉय करें। जब यह लाइव हो जाए, तो Cloudflare में कस्टम सबडोमेन (या डोमेन) असाइन करें जिससे पेज वेब पर पहुँचने योग्य हो जाए।दोनों विधियाँ आपको एक ब्रांडेड, तेजी से लोड होने वाला एफिलिएट पेज साझा करने की अनुमति देती हैं जिसमें रेफरल ट्रैकिंग शामिल है।