Pulsuz UTM Kampaniya Keçid Qurucusu

Necə İşləyir

UTM qurucusu izləmə URL-lərini standart URL və URLSearchParams API-ları istifadə edərək tamamilə brauzerdə yığır — server yoxdur, yükləmə yoxdur. Yazdıqca, canlı bir useMemo hooku baza URL-inizi təhlil edir, host adını doğrulayır və yalnız doldurduğunuz UTM parametrlərini əlavə edir.

1. 1
   URL təhlili və doğrulaması

   Baza URL-iniz brauzerin daxili URL konstruktoruna bəslənir. Alət heç bir sxem mövcud deyilsə avtomatik olaraq https://-i qabaqcadan əlavə edir, sonra host adının ən azı bir nöqtə ehtiva etdiyini (ya da localhost olduğunu) yoxlayır — özbaşına mətnin çıxışı korlaya bilməzdən əvvəl rədd edərək.
2. 2
   UTM parametrləri URLSearchParams vasitəsilə əlavə olunur

   Hər doldurulmuş sahə (mənbə, vasitə, kampaniya, termin, məzmun) URLSearchParams.set() ilə URL-in axtarış-parametrləri obyektinə yazılır. Kiçik-hərf keçidi aktivdirsə, dəyərlər bu nöqtədə kiçik hərfə salınır, bu isə böyük-kiçik-hərf uyğunsuzluqlarından qaynaqlanan yanlış atribusiyanın qarşısını alır.
3. 3
   QR kodu qrcode kitabxanası tərəfindən render edilir

   Son URL hər dəyişdikdə, qrcode kitabxanası inline önizləmə üçün 256-piksellik bir data-URL render edir və eyni zamanda ekrandan-kənar bir kanvasa 1024-piksellik bir versiya çəkir. Kanvas sonra canvas.toBlob() vasitəsilə bir PNG Blob-a serializə edilir, ona görə endirmə düyməsi onu sinxron olaraq saxlaya bilər — bu, klik işləyicisi daxilində asinxron Blob yaratmanın bloklandığı iOS-da tələb olunur.
4. 4
   Səhifə heşi vasitəsilə paylaşılabilən şablon

   Forma vəziyyəti (baza URL üstəlik hər hansı UTM dəyərləri) window.history.replaceState istifadə edərək davamlı olaraq səhifənin URL fraqmentinə kodlaşdırılır. Bu heş-daşıyan URL-i açan hər kəs formanın əvvəlcədən doldurulmuş halını alır, ona görə heç bir server-tərəfli saxlama olmadan bir kampaniya şablonunu saxlaya, ya da paylaşa bilərsiniz.

Əlaqəli Alətlər