Costruttore Link Campagna UTM gratis

Come funziona

Il costruttore UTM assembla URL di tracciamento interamente nel browser usando le API standard URL e URLSearchParams — nessun server, nessun caricamento. Mentre digiti, un hook useMemo dal vivo analizza il tuo URL base, valida l'hostname, e aggiunge solo i parametri UTM che hai compilato.

1. 1
   Analisi e validazione URL

   Il tuo URL base viene alimentato nel costruttore URL integrato del browser. Lo strumento antepone automaticamente https:// se non è presente alcuno schema, poi controlla che l'hostname contenga almeno un punto (o sia localhost) — rifiutando prosa libera prima che possa corrompere l'output.
2. 2
   Parametri UTM aggiunti tramite URLSearchParams

   Ogni campo compilato (source, medium, campaign, term, content) viene scritto nell'oggetto search-params dell'URL con URLSearchParams.set(). Se il toggle minuscolo è attivo, i valori vengono resi minuscoli a questo punto, il che previene attribuzioni non corrispondenti causate da incoerenze di maiuscolizzazione.
3. 3
   Codice QR reso dalla libreria qrcode

   Ogni volta che l'URL finale cambia, la libreria qrcode rende un data-URL a 256px per l'anteprima inline e simultaneamente disegna una versione a 1024px su un canvas fuori schermo. Il canvas viene poi serializzato in un Blob PNG tramite canvas.toBlob() così il pulsante download può salvarlo sincronamente — richiesto su iOS, dove la creazione asincrona di Blob dentro un gestore click è bloccata.
4. 4
   Template condivisibile tramite l'hash della pagina

   Lo stato del form (URL base più qualsiasi valore UTM) viene continuamente codificato nel frammento URL della pagina usando window.history.replaceState. Chiunque apra quell'URL con hash ottiene il form precompilato, così puoi salvare o condividere un template di campagna senza alcuna memorizzazione lato server.

Strumenti correlati