Cos'è Microsoft Clarity

Uno strumento gratuito di Microsoft per analizzare il comportamento degli utenti. Offre heatmap, registrazioni delle sessioni e report automatici sui problemi UX.

Categoria di cookie

Microsoft Clarity appartiene alla categoria analytics.

Installazione con Consentio

Aggiungi il codice di tracciamento di Microsoft Clarity con gli attributi type="text/plain" e data-category="analytics", in modo che si carichi solo dopo la concessione del consenso analitico:

<!-- Microsoft Clarity - bloccato fino al consenso analitico -->
<script type="text/plain" data-category="analytics">
  (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","YOUR_CLARITY_ID");
</script>

Alternativa con API JavaScript

Carica dinamicamente Microsoft Clarity dopo la concessione del consenso:

Consentio.onConsentChange((consent) => {
  if (consent.analytics) {
    // Carica Microsoft Clarity
    (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","YOUR_CLARITY_ID");
  }
})

Integrazione via GTM

In Google Tag Manager, aggiungi un tag Microsoft Clarity con un requisito di consenso per analytics_storage. Clarity è disponibile come modello della community nella Galleria modelli di GTM.

Google Consent Mode v2

Microsoft Clarity supporta Google Consent Mode. Se utilizzi GTM, imposta semplicemente il requisito di consenso su analytics_storage.

Verifica

1. Apri gli strumenti per sviluppatori (F12) → scheda Rete
2. Prima del consenso: clarity.ms non dovrebbe caricarsi
3. Concedi il consenso analitico
4. Verifica clarity.ms nella scheda Rete
5. Controlla la dashboard Clarity