Se le campagne di leadgeneration con GoogleAds e FacebookAds e la creazione di landing page sono il tuo pane quotidiano, allora probabilmente hai già sentito parlare di MicrosoftClarity.
Si tratta di strumento gratuito che ti consente di analizzare il comportamento degli utenti sul tuo sito web grazie a sessionrecording, heatmap e daticomportamentali avanzati.
Ma come si può configurare Clarity al meglio, senza compromettere la privacy degli utenti e sfruttandone appieno le funzionalità (e senza fermarsi a una superficiale implementazione “plug and play”)?
In questa guida vedremo passo passo come configurare correttamente Microsoft Clarity con GTM, evitando gli errori comuni e utilizzando opzioni avanzate come:
eventi personalizzati
gestione della privacy con il Consent Mode
ottimizzazioni specifiche per integrare Clarity nel tuo stack di tracciamento.
Probabilmente ti starai chiedendo: “Perché configurare Clarity ‘a mano’ in un mio contenitore Google Tag Manager, invece di utilizzare il connettore nativo per GTM direttamente all’interno di Clarity?”
Microsoft Clarity offre la possibilità di installare il suo script di tracciamento utilizzando Google Tag Manager tramite il connettorenativo all’interno dell’area riservata.
Tuttavia, ti sconsiglio di utilizzare questa opzione, poiché cliccando sul tasto “Create and publish” non verrà pubblicato solo il tag di configurazione di Clarity in automatico nel tuo contenitore GTM.
Tramite questo sistema, verranno pubblicati anche tutti gli altri tag ed eventi presenti sul tuo contenitore, compresi quelli che avevi iniziato e lasciato in bozza, o quelli che avevi creato e messo in pausa.
Di conseguenza, utilizzare il connettorenativo di GTM per installare Clarity significa rischiare di pubblicare implementazioni di tracciamentiincomplete o nonfunzionanti, raccogliendo così dati errati o addirittura non tracciando affatto alcun dato.
Se ti ho convinto, ora ti mostro la procedura corretta per configurare Clarity 🙂
Step 1: Crea e copia il Project ID di Clarity
Per prima cosa è necessario recuperare l’ID specifico del tuo account di Clarity. Ci servirà per installare il toolsu Google Tag Manager.
Per trovare e copiare il tuo Project ID di Clarity:
accedi al tuo account Clarity > Setup > Get tracking code
copia il codice ID del tuo account Clarity
Step 2: Crea il tag di implementazione di Clarity
a questo punto accedi al tuo account di Google Tag Manager
accedi al tuo Container > Tags > New > Tag Configuration > Template Gallery
dalla barra di ricerca, digita “Clarity” e seleziona il tag “Microsoft Clarity – by luratic” (più avanti ti spiego perché ti consiglio di non utilizzare il tag ufficiale di Microsoft)
inserisci il Project ID del tuo account Clarity che hai copiato nello Step 1 di questa guida
“Perché è meglio il tag “Microsoft Clarity – by luratic” invece del tag ufficiale di Microsoft Clarity?”.
Al momento in cui scrivo, il tag di configurazione ufficiale di Microsoft presenta alcune limitazioni, tra cui:
nessuna possibilità di creare e gestire eventi personalizzati integrati nel tag di tracciamento di Clarity
non permette una configurazione integrata e una gestione dinamica dell’attivazione (o non attivazione) del tag di tracciamento in base ai consensi Privacy accettati o negati dagli utenti
Proseguiamo nell’installazione di Clarity su GTM.
Dopo aver completato i passaggi precedenti, a questo punto per gestire nel modo corretto e ottimale i consensi Cookies, sempre all’interno della configurazione del tag di Clarity in Google Tag Manager
attiva il flag della voce “Specify if cookies should be set” e imposta Consent Mode
N.B.: seleziona la voce “Consent Mode” solo nel caso in cui tu abbia già configurato e tu stia già gestendo nel modo corretto i tracciamenti e la gestione dei Cookies utilizzando la Consent Mode V2.
Infine, per rendere effettivamente conformi alle norme Privacy e gestire in modo dinamico i tracciamenti dei Cookies in base al consenso accettato o negato dagli utenti
torna all’interno della dashboard di Clarity > Setup
dalla voce “Advanced settings” disabilita il flag dalla voce “Cookies”
“Cosa accade se lascio il flag ‘Cookies’ attivo all’interno di Clarity?”.
Lasciando il flag attivo, Clarity attiverà in modo immediato e indiscriminato il tracciamento dell’utente.
In altre parole, attiverà il tracciamento prima che l’utente stesso possa interagire con il Cookie Banner accettando o rifiutando il tracciamento stesso.
Viceversa, togliere il flag dei Cookies all’interno di Clarity permetterà di gestire il tracciamentodell’utente in modo conforme alle disposizioni Privacy, evitando che Clarity sovrascriva le impostazioni della Consent Mode V2 (e quindi, impedendogli di aggirare i consensi concessi o rifiutati dall’utente).
A questo punto per completare l’installazione di Clarity:
sempre all’interno del tag di configurazione in Google Tag Manager, clicca su Triggering
seleziona All Pages come trigger principale (in questo Clarity si attiverà su tutte le pagine del sito)
dai un nome al tag (ad esempio “Clarity”) e clicca su Save
Ottimo, in questo modo hai completato l’installazione di Clarity, che ora fungerà da “archivio” generale poiché traccerà le sessioni di navigazioni su tutte le pagine del tuo sito web o ecommerce.
Tuttavia, se come immagino desideri utilizzareClarity per ottimizzare i tassi di conversione di una landing page o i passi di acquisto di un ecommerce, questo tipo di configurazione non è sufficiente per fare analisi mirate.
Ecco perché ora devi configurare Clarity perché tracci specifici eventi o conversioni che avvengono su specifiche pagine del tuo sito o ecommerce.
Vediamo come fare.
Step 3: Crea eventi di tracciamento per Clarity
Il vero valore aggiunto di Clarity è quello di poter tracciare, collegare e monitorareazionispecifiche degli utenti (come clic, compilazioni di form, ecc.) durante una sessione di navigazione.
In questo modo, all’interno di Clarity potrai
visualizzare il session recording di navigazione di un utente su pagine o landing page specifiche
analizzare specifici dati legati allo storico delle azioni compiute dallo stesso utente durante una sessione di navigazione
identificare e basarti su insight chiave per ottimizzare in modo concreto le performance della pagina o landing page
Ti faccio un esempio.
Poniamo il caso che tu abbia lanciato una campagna di lead generation e tu stia monitorando il tasso di conversione del form di richiesta preventivo.
In questo caso avrai già sicuramente creato un evento di GA4 in Google Tag Manager per tracciare l’evento generate_lead o form_submit.
Bene, configurando l’evento generate_lead all’interno del tag di configurazione di Clarity riuscirai ad analizzare tutte le specifiche session recording relative alla specifica pagina o landing page che contiene il form e di visualizzare i dati relativi all’evento.
Ma c’è di più.
Immagina di creare non solo l’evento generate_lead all’interno del tag di configurazione di Clarity, ma di creare anche un altro evento, ad esempio form_start (evento che viene registrato nel momento in cui un utente interagisce con un form per la prima volta durante una sessione di navigazione).
L’implementazione combinata di questi eventi di tracciamento ti consentiranno di settare e analizzare le session recording nei report in Clarity come un vero e proprio funnel, poiché potrai filtrare e analizzare in modo mirato, ad esempio:
tutte le sessioni in cui il form è stato compilato
tutte le sessioni in cui il form non è stato compilato e l’utente ha abbandonato la pagina
tutte le sessioni in cui un utente ha iniziato la compilazione del form, ma poi ha abbandonato la pagina
In questo modo riuscirai a trovare modelli di comportamento ricorsivi degli utenti che iniziano la compilazione del form senza inviarlo, effettuando così ottimizzazionimirate sulla pagina e migliorando il tasso di conversione.
Come puoi vedere, l’analisi integrata tra session recording, mappe di calore e tracciamento di specifici eventi permette di effettuare analisi di CRO (Conversion Rate Optimization) in modo molto più completo, rapido ed approfondito.
Per creare uno specifico evento di tracciamento personalizzato all’interno del tag di installazione di Clarity devi creare un nuovo tag di configurazione di Clarity.
accedi al tuo Container > Tags > New > Tag Configuration > Template Gallery
dalla barra di ricerca, digita “Clarity” e seleziona il tag “Microsoft Clarity – by luratic”
inserisci il Project ID del tuo account Clarity che hai copiato nello Step 1 di questa guida
attiva il flag della voce “Specify if cookies should be set” e imposta Consent Mode
sempre all’interno del tag di configurazione, clicca su Triggering
A questo punto devi selezionare il trigger sul quale si attiverà l’evento di tracciamento.
Ipotizziamo di dover creare un evento di tracciamento di GA4 in Clarity con Google Tag Manager per monitorare la compilazione di un form di richiesta preventivi su una landing page:
dopo aver cliccato su Triggering, seleziona il trigger di Form Submission che hai creato in precedenza per tracciare in GTM la compilazione dei form N.B.: nel caso in cui non avessi ancora creato in precedenza un trigger e un evento di tracciamento di form, ti basta cliccare sull’icona “+” in alto a destra e creare un nuovo trigger (in questa guida ti mostro come fare)
apri il menu “Advanced Options” > seleziona il flag “Add Custom Events”
all’interno del campo “Event Name” inserisci il nome dell’evento di tracciamento GA4 che vuoi analizzare in Clarity (in questo caso, generate_lead)
dai un nome al tag (ad esempio, “Clarity – Form – generate_lead”) e clicca su Save
N.B.: esegui lo Step 3 che ti ho appena mostrato per implementare altri eventi di tracciamento specifici di GA4 in Clarity (ad esempio, l’evento form_start che ti menzionavo poco fa) per rendere le tue analisi e ottimizzazioni ancora più granulari e mirate.
STEP 4 – VERIFICA IL TAG con il Debug di GTM
Come sempre, prima della pubblicazione del Tag, ti consiglio di approfittare di questa funzioneutilissima di Google Tag Manager, ovvero la Modalità Debug (Anteprima).
Attivala e vai nella pagina del sito o nella landing page in cui si trova il form di contatto che vuoi tracciare.
In questo momento, nella scheda della modalità Preview dovresti notare il Tag “Clarity” fra i Tags Fired.
Ottimo, questo vuol dire che l’evento è stato installato correttamente e che a breve all’interno di Clarity potrai trovare la registrazione della tua sessione di navigazione.
Sempre all’interno della pagina o landing page che contiene il form di contatto che vuoi tracciare, compila e invia il modulo.
Ora vai all’interno della sezione “Recordings” di Clarity e clicca sulla voce “More details” relativa alla registrazione della tua sessione di navigazione.
Se tutto ha funzionato correttamente, dovresti vedere le specifiche azioni compiute durante la sessione di navigazione, compreso l’evento generate_lead.
Conclusioni
La configurazione di Clarity è andata a buon fine? Hai dubbi o domande? Oppure hai provato altre configurazioni?
Fammelo sapere: ti aspetto nei commenti qui sotto 🙂
Buon Tag!
P.S.: Vuoi ricevere nuove guide, webinar formativi, sessioni di Q/A e news su aggiornamenti sul tracciamento e analisi dati per far crescere le prestazioni delle tue strategie di marketing o advertising, ottenendo un vantaggio competitivo concreto?
Ciao Matteo,
è possibile che, al momento in cui scrivo questo commento, il modello “Microsoft Clarity – by luratic” non sia più presente nella Galleria modelli della community?
Grazie e complimenti per il lavoro che fate sempre tu ed il tuo team.
Matteo
13 02 2025
Ciao Matteo,
è possibile che, al momento in cui scrivo questo commento, il modello “Microsoft Clarity – by luratic” non sia più presente nella Galleria modelli della community?
Grazie e complimenti per il lavoro che fate sempre tu ed il tuo team.
Matteo
13 02 2025
Scusami, l’ho trovato.
Buona continuazione!
Matteo Zambon
14 02 2025
Perfetto! L’ho messo comunque nell’articolo 🙂
Matteo Zambon
14 02 2025
Certo eccolo: https://tagmanager.google.com/gallery/#/owners/luratic/templates/Clarity