Gratis UTM-kampagnelinkbygger

Sådan fungerer det

UTM-byggeren sammensætter sporings-URL'er udelukkende i browseren med de almindelige URL- og URLSearchParams-API'er — ingen server, ingen upload. Mens du skriver, fortolker en live useMemo-hook din basis-URL, validerer værtsnavnet og tilføjer kun de UTM-parametre, du har udfyldt.

1. 1
   Fortolkning og validering af URL

   Din basis-URL gives til browserens indbyggede URL-konstruktør. Værktøjet tilføjer automatisk https:// foran, hvis der ikke er noget skema, og tjekker derefter, at værtsnavnet indeholder mindst ét punktum (eller er localhost) — så fritekst afvises, før den kan ødelægge outputtet.
2. 2
   UTM-parametre tilføjes via URLSearchParams

   Hvert udfyldt felt (source, medium, campaign, term, content) skrives til URL'ens search-params-objekt med URLSearchParams.set(). Er små bogstaver slået til, gøres værdierne små her, hvilket forhindrer fejlagtig attribution på grund af uensartede store og små bogstaver.
3. 3
   QR-koden tegnes af qrcode-biblioteket

   Hver gang den endelige URL ændres, laver qrcode-biblioteket en data-URL på 256 px til den indlejrede forhåndsvisning og tegner samtidig en version på 1024 px på et usynligt lærred. Lærredet serialiseres derefter til en PNG-Blob via canvas.toBlob(), så download-knappen kan gemme den synkront — hvilket kræves på iOS, hvor asynkron oprettelse af Blobs i en klikbehandler blokeres.
4. 4
   Delbar skabelon via sidens hash

   Formularens tilstand (basis-URL plus eventuelle UTM-værdier) kodes løbende ind i sidens URL-fragment med window.history.replaceState. Alle, der åbner URL'en med hashen, får formularen udfyldt på forhånd, så du kan gemme eller dele en kampagneskabelon uden nogen lagring på serveren.

Relaterede værktøjer