मुफ़्त UTM अभियान लिंक बिल्डर

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

UTM बिल्डर स्टैंडर्ड URL और URLSearchParams API का उपयोग करके पूरी तरह ब्राउज़र में ट्रैकिंग URL असेंबल करता है — कोई सर्वर नहीं, कोई अपलोड नहीं। टाइप करते ही, एक लाइव useMemo hook आपकी बेस URL पार्स करता है, hostname मान्य करता है, और केवल आपके भरे UTM पैरामीटर जोड़ता है।

1. 1
   URL पार्सिंग और वैलिडेशन

   आपकी बेस URL ब्राउज़र के बिल्ट-इन URL कंस्ट्रक्टर को दी जाती है। अगर कोई scheme मौजूद नहीं है तो टूल अपने आप https:// प्रीफ़िक्स करता है, फिर जाँचता है कि hostname में कम से कम एक डॉट है (या localhost है) — आउटपुट को ख़राब करने से पहले मुक्त-रूप गद्य को अस्वीकार करते हुए।
2. 2
   URLSearchParams के ज़रिए UTM पैरामीटर जोड़े जाते हैं

   हर भरा फ़ील्ड (source, medium, campaign, term, content) URLSearchParams.set() से URL के search-params ऑब्जेक्ट में लिखा जाता है। अगर lowercase टॉगल चालू है, इस बिंदु पर वैल्यू छोटे अक्षरों में बदली जाती हैं, जो अक्षरों के केस की असंगति के कारण होने वाले बेमेल attribution को रोकता है।
3. 3
   qrcode लाइब्रेरी द्वारा रेंडर किया QR कोड

   जब भी अंतिम URL बदलती है, qrcode लाइब्रेरी इनलाइन प्रीव्यू के लिए एक 256-px data-URL रेंडर करती है और साथ ही एक off-screen कैनवस पर एक 1024-px वर्शन खींचती है। कैनवस फिर canvas.toBlob() के ज़रिए एक PNG Blob में सीरियलाइज़ किया जाता है ताकि डाउनलोड बटन इसे सिंक्रोनसली सेव कर सके — iOS पर ज़रूरी, जहाँ click हैंडलर के अंदर async Blob बनाना ब्लॉक किया जाता है।
4. 4
   पेज hash के ज़रिए शेयर करने योग्य टेम्पलेट

   फ़ॉर्म स्टेट (बेस URL प्लस कोई UTM वैल्यू) window.history.replaceState का उपयोग करके पेज के URL फ़्रैगमेंट में लगातार एनकोड किया जाता है। कोई भी जो उस hash-वाली URL को खोलता है उसे फ़ॉर्म पहले से भरा मिलता है, इसलिए आप बिना किसी सर्वर-साइड स्टोरेज के एक कैंपेन टेम्पलेट सेव या शेयर कर सकते हैं।

संबंधित टूल