मोफत UTM कॅम्पेन लिंक बिल्डर

हे कसे कार्य करते

UTM builder मानक URL आणि URLSearchParams APIs वापरून पूर्णपणे ब्राउझरमध्ये tracking URLs एकत्र करतो — सर्व्हर, अपलोड नाही. तुम्ही टाइप करताच, एक लाइव्ह useMemo hook तुमची base URL पार्स करतो, hostname प्रमाणित करतो, आणि तुम्ही भरलेली फक्त UTM पॅरामीटर्स जोडतो.

1. 1
   URL पार्सिंग आणि प्रमाणीकरण

   तुमची base URL ब्राउझरच्या बिल्ट-इन URL constructor मध्ये दिली जाते. scheme नसल्यास साधन आपोआप https:// prefix करते, नंतर hostname मध्ये किमान एक बिंदू आहे (किंवा localhost आहे) हे तपासते — मुक्त-रूप गद्य आउटपुट गैरवापर करण्याआधी नाकारत.
2. 2
   URLSearchParams द्वारे UTM पॅरामीटर्स जोडले

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

   अंतिम URL बदलताच, qrcode लायब्ररी inline प्रिव्ह्यूसाठी 256-px data-URL रेंडर करते आणि त्याचवेळी off-screen canvas वर 1024-px हवृत्ती काढते. canvas नंतर canvas.toBlob() द्वारे PNG Blob मध्ये सीरियलाइझ होतो त्यामुळे डाउनलोड बटण ते सिंक्रोनसली सेव्ह करू शकते — iOS वर आवश्यक, जिथे click handler आत async Blob निर्मिती अवरोधित आहे.
4. 4
   page hash द्वारे शेअर करण्यायोग्य template

   form स्थिती (base URL अधिक कोणतीही UTM मूल्ये) window.history.replaceState वापरून सतत page च्या URL fragment मध्ये एन्कोड होते. ती hash-असलेली URL उघडणाऱ्या कोणालाही form पूर्व-भरलेला मिळतो, त्यामुळे तुम्ही कोणत्याही सर्व्हर-साइड साठवणुकीशिवाय campaign template सेव्ह किंवा शेअर करू शकता.

संबंधित साधने