Generatore di QR code con tracciamento UTM

Di cosa è fatto un QR code

Un QR code è una griglia di quadrati scuri e chiari chiamati moduli. La griglia esiste in 40 dimensioni, chiamate versioni: Denso Wave, l'azienda dietro al QR Code, elenca la Versione 1 a 21 × 21 moduli fino alla Versione 40 a 177 × 177, dove ogni versione aggiunge 4 moduli per lato. Qui non scegli tu la versione. Il generatore sceglie la più piccola in cui il tuo link entra e la mostra sotto l'anteprima.

Link più corti generano griglie più piccole, e una griglia più piccola ha moduli più grandi a parità di dimensione stampata, il che rende più facile la lettura da lontano. Quindi tieni il link stringato. I tag UTM aggiungono lunghezza, ed è per questo che i tag qui usano valori brevi in minuscolo.

Correzione d'errore: L, M, Q o H

I QR code contengono dati di riserva così un telefono può leggere comunque un codice graffiato, piegato o parzialmente coperto. La pagina sulla correzione d'errore di Denso Wave elenca quattro livelli, che ripristinano circa il 7% (L), il 15% (M), il 25% (Q) e il 30% (H) del codice. Alzare il livello rende anche il codice più grande. La stessa pagina dice che il Livello M è quello scelto più spesso, Q o H sono adatti ai punti in cui i codici si sporcano, e L va bene in contesti puliti con molti dati.

Un modo pratico di usarli: M per un volantino o un menu, Q o H per imballaggi che vengono maneggiati o un adesivo che sta all'aperto, L solo quando un link lungo non entra in nessun altro modo.

Lascia stare il margine

Il bordo vuoto attorno al codice fa parte del codice. La guida alla dimensione del codice di Denso Wave dice: “Il QR Code richiede un margine largo quattro moduli su tutti i lati di un simbolo.” Per questo qui il margine parte da 4. La stessa pagina fa un esempio: a 0,254 mm per modulo, un codice di Versione 3 è di 29 moduli, 7,366 mm di larghezza, e 9,398 mm con il margine aggiunto. Lo strumento ti permette di scendere sotto 4 per un design che ha già spazio bianco attorno, e ti avvisa quando lo fai.

Colori e contrasto

I colori del brand vanno bene finché il codice resta nettamente più scuro del suo sfondo. Lo strumento misura il rapporto di contrasto con la formula WCAG e segnala tutto ciò che è sotto 4:1. Quella soglia è una nostra regola prudenziale, non un numero dello standard QR, ed è per questo che l'unica vera prova è una scansione. Avvisa anche quando il codice è più chiaro dello sfondo (un codice invertito), perché i lettori sono pensati per lo scuro su chiaro e leggere il contrario è un passaggio in più che alcuni decoder saltano. Testa ogni codice stampato su qualche telefono diverso.

Tag UTM, così una scansione non è solo “diretta”

Una scansione arriva senza pagina di provenienza, quindi senza tag la tua analytics non ha modo di sapere che veniva da un volantino. Spunta la casella UTM e il generatore aggiunge i tag al tuo link prima di codificarlo, con le stesse regole del nostro generatore di link UTM: mantiene gli eventuali parametri già presenti nell'indirizzo, sostituisce i vecchi valori UTM e conserva un'ancora #section alla fine. Google Analytics consiglia di usare sempre utm_source, utm_medium e utm_campaign, e poiché i valori distinguono maiuscole e minuscole, lo strumento li mette in minuscolo.

Usa utm_content per distinguere i posizionamenti: table-tent-a e table-tent-b, oppure box-insert e shipping-label. Una campagna, un codice per posizionamento, e il report mostra quale è stato scansionato.

PNG o SVG

Il PNG è disegnato con pixel interi per modulo, così ogni bordo è nitido. La sua dimensione finale è il multiplo della griglia più vicino al numero che indichi, e lo strumento mostra la dimensione esatta. L'SVG è un vettoriale: si adatta a un cartellone o a un biglietto da visita senza sfocarsi, ed è quello da mandare a un tipografo o da inserire in un file di progetto.

Cosa non fa questo strumento

Non accorcia i link, non traccia da sé le scansioni e non ti permette di cambiare dove punta un codice dopo la stampa. Quei codici “dinamici” richiedono un server nel mezzo, e questa pagina non ne ha: il tuo codice contiene direttamente il tuo link, quindi continua a funzionare finché funziona la pagina a cui punta. Non aggiunge loghi al centro del codice e non verifica che il link si carichi. Scansiona il file scaricato con il tuo telefono prima che qualcosa vada in stampa.

Se preferisci non farlo a mano

Hermoso è il marketing con il pilota automatico: studia gli annunci che già funzionano nel tuo mercato, crea annunci immagine e video in linea con il tuo brand, pianifica i post e gestisce le campagne a pagamento sui tuoi account pubblicitari. Funziona nell'app web, oppure dentro Claude, ChatGPT e Cursor tramite il suo server MCP.

Strumenti gratuiti: Costruttore di link UTM · ·

Domande frequenti

Questi QR code scadono?

No. Sono codici statici: il link è memorizzato nel codice stesso, senza servizi di reindirizzamento in mezzo. Il codice funziona finché esiste la pagina a cui punta.

Quale livello di correzione degli errori dovrei usare?

Denso Wave, l'azienda che ha creato il QR Code, dice che il livello M (circa 15% di ripristino) è quello scelto più spesso, Q o H si adattano ai codici che si sporcano e L è adatto a contesti puliti con molti dati. Livelli più alti rendono il codice più grande.

Quanto deve essere grande il bordo bianco?

Quattro moduli su ogni lato. Denso Wave afferma che il QR Code richiede un margine largo quattro moduli su tutti i lati di un simbolo, quindi qui il margine parte da 4.

Come traccio le scansioni da un volantino o da una confezione?

Spunta la casella UTM e compila sorgente, mezzo e campagna. I tag vengono aggiunti al tuo link prima che venga codificato, così ogni scansione arriva in Google Analytics con quelle etichette. Usa utm_content per distinguere i posizionamenti.

Posso creare un QR code colorato?

Sì. Mantieni il codice nettamente più scuro dello sfondo. Lo strumento avvisa quando il contrasto è basso o i colori sono invertiti, e dovresti scansionare una prova stampata su qualche telefono.

Qualcosa di ciò che digito viene inviato da qualche parte?

No. Il codice viene disegnato nel tuo browser. Nulla viene caricato o memorizzato, e ricaricando la pagina si cancella.