Gradnik sledilnih povezav UTM — brezplačno

Kako deluje

Ustvarjalnik UTM sestavlja sledilne URL-je v celoti v brskalniku z uporabo standardnih API-jev URL in URLSearchParams — brez strežnika, brez nalaganja. Med tipkanjem živa kljuka useMemo razčleni vaš osnovni URL, preveri ime gostitelja in doda le parametre UTM, ki ste jih izpolnili.

1. 1
   Razčlenjevanje in preverjanje URL

   Vaš osnovni URL se preda v vgrajen konstruktor URL brskalnika. Orodje samodejno doda predpono https://, če shema ni prisotna, nato preveri, da ime gostitelja vsebuje vsaj eno piko (ali je localhost) — s čimer zavrne prostobesedilno prozo, preden lahko pokvari izpis.
2. 2
   Parametri UTM dodani prek URLSearchParams

   Vsako izpolnjeno polje (source, medium, campaign, term, content) se zapiše v predmet search-params URL z URLSearchParams.set(). Če je preklop malih črk vklopljen, se vrednosti na tej točki pretvorijo v male črke, kar preprečuje neujemajočo pripisljivost, povzročeno z nedoslednostmi velikosti črk.
3. 3
   Koda QR, izrisana s knjižnico qrcode

   Kadar koli se spremeni končni URL, knjižnica qrcode izriše 256-px podatkovni URL za vrstičen predogled in hkrati nariše 1024-px različico na platno zunaj zaslona. Platno se nato serializira v Blob PNG prek canvas.toBlob(), tako da lahko gumb za prenos to shrani sinhrono — zahtevano na iOS, kjer je asinhrona ustvarjanje Blob znotraj obravnavalnika klika blokirana.
4. 4
   Predloga, primerna za deljenje, prek hasha strani

   Stanje obrazca (osnovni URL plus katere koli vrednosti UTM) se neprestano kodira v fragment URL strani z uporabo window.history.replaceState. Kdor koli odpre ta URL s hashom, dobi vnaprej izpolnjen obrazec, tako da lahko shranite ali delite predlogo kampanje brez kakršnega koli shranjevanja na strani strežnika.

Sorodna orodja