Perché Microsoft offre Clarity gratuitamente?

I dati aggregati e anonimizzati contribuiscono a migliorare Bing e Edge, in particolare la qualità del web per ranking, suggerimenti e Smart Events. I dati rimangono di proprietà del sito che li raccoglie, sono GDPR-compliant, e il publisher può disattivare qualsiasi condivisione tramite la console.

Clarity può sostituire completamente Hotjar per un publisher?

Per il 70-80% dei casi d'uso sì. Ciò che Clarity non fa: survey in-app, feedback widget, funnel builder visuale, export raw dei session recording in tempo reale. Per editoriali che cercano session recording, heatmap e scroll map, Clarity è più che sufficiente.

Clarity rallenta un sito con INP già borderline?

L'impatto su INP è tipicamente 20-40 ms su pagine complesse. Su un sito con INP già a 190 ms, Clarity può portarlo sopra 200 ms (la soglia 'Good'). In questi casi usa il sampling (setting nativo di Clarity) o valuta se installarlo solo su una percentuale del traffico.

Come si integra Clarity con GA4 e con altri tool?

Clarity offre un'integrazione GA4 nativa che aggiunge una custom dimension 'Clarity Session ID' a ogni evento GA4, permettendo di aprire direttamente una session recording dal report GA4. L'integrazione con tool di conversion come AnchorLabs si fa tramite data attribute custom e il bridge GA4.

Microsoft Clarity per publisher editoriali: guida completa, limiti e quando integrarlo con altri tool

Quando Google ha chiuso Optimize nel 2023 e i prezzi di Hotjar hanno continuato a salire, molti publisher italiani hanno scoperto Microsoft Clarity. In due anni è passato dall'essere "quello strumento gratuito di Microsoft" a baseline di fatto per l'analisi comportamentale su siti editoriali di ogni dimensione. Questa guida lo copre dal punto di vista tecnico e operativo: cosa fa davvero, cosa non fa, quali sono i limiti reali e dove si integra bene con altri strumenti dello stack CRO.

Al termine hai una comprensione chiara di quando Clarity basta da solo e quando serve affiancarlo a tool più specializzati, e soprattutto come trasformarne i dati in decisioni concrete sui widget di conversione.

Cosa offre Clarity out-of-the-box

Clarity ha tre pilastri funzionali:

Session Recording illimitati. Ogni sessione viene registrata (con masking dei dati sensibili) e archiviata per 30 giorni. Puoi filtrarle per URL, dispositivo, browser, sorgente traffico, durata, eventi custom.
Heatmap generate automaticamente per ogni URL con traffico. Quattro tipi: click (incluse rage click e dead click), scroll (fino a dove arriva l'utente), area (click aggregati su una zona selezionabile), attention (dove gli utenti passano più tempo). Le heatmap si aggiornano in tempo quasi reale.
Smart Events automatici. Clarity rileva pattern anomali senza configurazione: "rage click" (click ripetuti sullo stesso elemento), "dead click" (click su elementi non interattivi), "excessive scrolling" (scroll senza letture), "quick back" (utente torna indietro subito dopo l'arrivo).

Tutto questo è gratuito e illimitato. Non c'è campionamento sul piano base, non ci sono limiti di pageview.

Setup su un sito editoriale

Snippet di base

Registrati su clarity.microsoft.com, crea un progetto, copia lo script:

<script type="text/javascript">
  (function(c,l,a,r,i,t,y){
    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
  })(window, document, "clarity", "script", "TUO_PROJECT_ID");
</script>

Su WordPress: plugin Clarity ufficiale o WPCode. Su Next.js: <Script strategy="afterInteractive"> in layout.tsx. Su qualsiasi stack: il pattern è lo stesso.

Clarity offre tre livelli di masking:

Strict: maschera tutto il testo (difficile da usare su un editoriale).
Balanced (default): maschera input form e campi sensibili, lascia visibile il testo pubblico.
Relaxed: niente masking automatico.

Per un editoriale italiano, Balanced è la scelta. Attiva anche "IP anonymization" nei settings del progetto.

Per Consent Mode: Clarity è integrato con Google Consent Mode v2. Se l'utente rifiuta analytics_storage, Clarity opera in modalità limitata (nessun cookie, ID univoco per pageview anziché per sessione, nessun dato cross-session); lo script resta comunque caricato. Configurabile lato tuo CMP (iubenda, OneTrust, Cookiebot).

Tag dei custom events

Puoi passare eventi custom a Clarity tramite clarity("set", "key", "value") o taggare sessioni con attributi:

clarity("identify", "user-segment", "premium-reader");
clarity("set", "article_category", "tecnologia");

Questi diventano filtri in Clarity dashboard. Utile per segmentare recording per categoria editoriale, AB test variant, o livello di engagement.

Use case tipici su publisher italiani

1. Trovare articoli con attention alta e zero conversion

Filtra session recording per articoli con scroll depth > 75% e durata > 90 secondi. Questi sono lettori impegnati. Se gli stessi articoli hanno pochi click outbound, hai un problema di conversion points: c'è attention ma niente da cliccare. Azione: inserire link contestuali.

2. Rilevare rage click su elementi sbagliati

Smart Event "rage click". Se il click è su titoli, box informativi, immagini senza link, hai un'aspettativa di interattività delusa. Azione: rendere quegli elementi link o rimuovere lo stile suggestivo.

3. Scoprire articoli con INP alto

Clarity mostra "JavaScript errors" e pattern di lentezza percepita (utenti che ricaricano la pagina, click multipli sul pulsante). Se concentrati su certi template, lì l'INP probabilmente è fuori soglia. Azione: audit delle feature che generano il problema.

4. Confrontare mobile vs desktop

Filtra heatmap per dispositivo. Tipicamente le guide longform hanno pattern molto diversi: desktop scrolla linearmente, mobile fa zig-zag con zoom. Azione: ottimizzare layout mobile per il pattern reale.

5. Identificare drop dopo il primo link affiliato

Filtro: sessioni che hanno triggerato anchor_impression (link affiliato nel viewport) ma non anchor_click. Recording di 20-30 di queste sessioni rivela il pattern: anchor text troppo generico, prezzo non visibile nel tooltip, posizione del link troppo a ridosso di un banner che distrae.

Limiti concreti

Clarity non fa tutto. Elenco onesto:

Non A/B testing: per test sperimentali serve GrowthBook, VWO, Convert.
Funnel builder limitato: non ha il funnel visualizer di Hotjar. Si possono ricostruire via eventi custom + GA4 Funnel Exploration.
Survey e feedback: non nativi. Alternative: typeform embed, Hotjar Plus solo per questo.
Export raw: i session recording si esportano solo tramite integrazione Azure Data Warehouse (a pagamento).
Filtri combinati complessi: l'UI di filtering è semplice, non ha la granularità di FullStory.
Integrazione con tool third-party: ottima con GA4, limitata con altri product analytics.

Questi limiti sono ragionevoli dato il prezzo. Per la maggior parte dei publisher non sono problemi reali.

Come Clarity si combina con gli strumenti di conversione

Clarity risponde alla domanda "cosa fanno i lettori". Ma la domanda successiva — "cosa fare perché convertano" — richiede intervento sul contenuto. Qui c'è un gap tipico: la heatmap mostra che i lettori si fermano a metà articolo, senza un link da cliccare. La soluzione ideale è inserire un link contestuale. Ma farlo manualmente su 3.000 articoli è impossibile.

AnchorLabs è pensato esattamente per questo bridge: scansiona gli articoli tramite selettore CSS, riconosce le keyword prodotto già presenti nel testo, le trasforma in tooltip con product info e link affiliato. Il risultato è che una zona "attention alta, zero click" identificata da Clarity diventa, dopo il deploy AnchorLabs, una zona con hover e click misurabili — senza aver toccato il testo. Il peso tecnico è 5 KB gzip, compatibile con il consent/masking flow di Clarity, zero impatto su INP (diversamente da widget più pesanti che peggiorerebbero le metriche rilevate da Clarity stesso).

Il limite onesto è che AnchorLabs funziona solo se la keyword prodotto è già nel testo. Se un articolo menziona "il miglior smartphone" senza nominare un modello specifico, non c'è match possibile. In quei casi serve un intervento editoriale, che Clarity può aiutare a prioritizzare (quali articoli ne varrebbero la pena).

Per una lettura più operativa su come leggere heatmap e tradurle in azioni, la guida sui link contestuali vs banner contiene vari pattern visibili in Clarity. Per il quadro Core Web Vitals (con Clarity installato sopra altri script), fai riferimento a Affiliate link e Core Web Vitals. Per la parte di CMP e consenso necessaria a far girare Clarity in modo conforme, CMP affiliate e GDPR copre i dettagli.

Clarity + GA4: integrazione diretta

Vai in Clarity → Settings → GA4 Integration. Autentica il tuo account GA4 e Clarity aggiungerà automaticamente una custom dimension chiamata "Clarity Playback URL" a ogni evento GA4. Da ogni report GA4 puoi aprire direttamente la session recording corrispondente (attenzione: il playback URL può generare dimension ad alta cardinalità in GA4).

Questo flusso è potentissimo: vedi in GA4 un articolo con CTR anomalo, clicchi sul Session ID, guardi 3 recording, capisci cosa sta succedendo in 5 minuti.

Troubleshooting

Nessuna sessione registrata dopo 24 ore Verifica in console che clarity is not defined non appaia. Se appare, il CSP sta bloccando lo script. Aggiungi https://www.clarity.ms e https://scripts.clarity.ms alla policy.

Heatmap vuote su pagine con traffico Clarity ha bisogno di ~50 sessioni prima di mostrare heatmap affidabili. Aspetta 2-3 giorni.

Dati personali visibili nei recording Aumenta masking a "Balanced" o "Strict". Verifica con session playback.

Consent mode non passato Se Consent Mode v2 è configurato ma Clarity ignora il rifiuto, verifica l'ordine di caricamento. Il CMP deve inizializzarsi prima di Clarity.

Da dove iniziare

Installa Clarity oggi. Aspetta 7-10 giorni per accumulare dati. Fai un deep dive su 3 tipi di pagine: home, un articolo longform, una categoria. Identifica 3-5 pattern concreti (drop, rage, attention).

Trasforma i pattern in azioni: una è quasi sempre "inserire conversion points dove c'è attention". Se non vuoi editare articoli esistenti, un sistema di link contestuali automatici è la soluzione più rapida. Per il confronto con Hotjar e altri tool della categoria vedi Hotjar alternative per publisher — aiuta a capire quando Clarity basta e quando serve un secondo tool.