Microsoft Clarity

Cos'e Microsoft Clarity?

Microsoft Clarity e una piattaforma gratuita di analisi comportamentale che ti aiuta a capire come i visitatori utilizzano realmente il tuo sito web. Lanciata da Microsoft nel 2020, ha raggiunto rapidamente oltre 2 milioni di siti web perche offre funzionalita di registrazione sessioni e mappe di calore di livello enterprise con nessun limite di traffico, nessun piano a pagamento e nessun cookie. Per i proprietari di negozi PrestaShop, questo significa che puoi analizzare ogni sessione di ogni visitatore del tuo negozio, dalla homepage al checkout, senza pagare un centesimo per la piattaforma di analytics.

Mentre Google Analytics ti dice le metriche (frequenza di rimbalzo, visualizzazioni pagina, tasso di conversione), Clarity risponde al perche dietro quei numeri. Un tasso di rimbalzo del 70% sulla tua pagina prodotto non significa nulla finche non guardi 20 sessioni e realizzi che i visitatori non trovano il pulsante "Aggiungi al carrello" su mobile, oppure che la tua galleria immagini non funziona su Safari, o che la tua guida alle taglie si apre in un modo che copre il pulsante di acquisto.

Funzionalita principali per l'e-commerce

Registrazioni delle sessioni

Ogni sessione dei visitatori viene registrata e disponibile per la riproduzione nel dashboard di Clarity. Puoi filtrare le registrazioni per:

• Pagine visitate - guarda le sessioni che hanno incluso la pagina checkout per trovare le cause di abbandono
• Tipo di dispositivo - isola le sessioni mobile dove i problemi di UX sono piu comuni
• Segnali di frustrazione - Clarity tagga automaticamente le sessioni con rage click, dead click e scrolling eccessivo
• Paese e browser - identifica se i problemi sono localizzati in mercati o browser specifici

Le registrazioni delle sessioni sono anonimizzate: i campi dei moduli, i dati delle carte di credito e altre informazioni sensibili vengono automaticamente mascherati. Vedi i pattern di interazione, non le informazioni personali.

Mappe di calore

Clarity genera tre tipi di mappe di calore per ogni pagina del tuo negozio:

• Mappe di calore dei click - mostrano dove i visitatori cliccano di piu (e dove cliccano ma non dovrebbero, indicando elementi UI confusi)
• Mappe di calore dello scroll - rivelano quanto i visitatori scorrono in basso, aiutandoti a posizionare i contenuti chiave (CTA, badge di fiducia, offerte) dove le persone effettivamente li vedono
• Mappe di calore per area - aggregano il coinvolgimento per sezione della pagina, mostrando quali aree ricevono piu interazioni

Per le pagine prodotto, questi dati sono preziosissimi. Puoi vedere se i visitatori interagiscono con le descrizioni dei prodotti, se notano le sezioni di upselling e se il pulsante "Aggiungi al carrello" e posizionato in modo ottimale per come le persone navigano effettivamente le tue pagine.

Smart Insights - Rilevamento automatico dei problemi

Una delle funzionalita piu potenti di Clarity e il rilevamento automatico degli insight. La piattaforma usa il machine learning per identificare pattern nei dati dei visitatori e segnalare proattivamente i problemi:

• Dead click - visitatori che cliccano su elementi non interattivi (immagini che sembrano pulsanti, testo che sembra un link). Ogni dead click e una potenziale vendita persa.
• Rage click - click rapidi e ripetuti sullo stesso elemento, che indicano frustrazione. Comuni con pulsanti "aggiungi al carrello" lenti nel caricamento o menu a tendina che non rispondono.
• Scrolling eccessivo - visitatori che scorrono su e giu ripetutamente, suggerendo che non trovano cio che cercano.
• Quick back - visitatori che navigano a una pagina e tornano immediatamente indietro, indicando che la pagina non corrispondeva alle aspettative.

Questi insight vengono mostrati automaticamente nel tuo dashboard Clarity: non devi rivedere manualmente centinaia di sessioni per trovare i problemi.

Integrazione con Google Analytics

Clarity si integra direttamente con Google Analytics (sia Universal Analytics che GA4). Una volta connesso, puoi avviare le registrazioni delle sessioni direttamente dai tuoi report GA: clicca su una metrica in GA e guarda le sessioni effettive che la compongono. Questo crea un ponte tra i dati quantitativi (GA) e la comprensione qualitativa (Clarity).

Privacy e GDPR

Microsoft Clarity e progettato con la privacy al centro:

• Nessun cookie per impostazione predefinita - Clarity utilizza un approccio di tracking senza cookie, il che significa che non richiede il consenso cookie per le funzionalita di base nella maggior parte delle interpretazioni del GDPR. Tuttavia, consulta il tuo consulente legale per la tua situazione specifica.
• Mascheramento dei dati sensibili - tutti gli input dei moduli, compresi i campi del checkout, vengono automaticamente mascherati nelle registrazioni. Vedi che un visitatore ha digitato in un campo, ma non cosa ha digitato.
• Elaborazione dei dati - Microsoft elabora i dati di Clarity secondo i propri termini standard sulla privacy. I dati sono archiviati nei data center Microsoft Azure.
• Nessuna vendita di dati - Microsoft non vende i dati di Clarity ne li usa per il targeting pubblicitario al di fuori del prodotto Clarity.

Implementazione tecnica

Il modulo inietta il codice JavaScript di tracking di Clarity in modo asincrono nell'<head> del tuo negozio. Lo script e:

• ~16KB compressi - uno degli script di analytics piu leggeri disponibili
• Asincrono e non bloccante - si carica in parallelo con la pagina, non ritarda mai il rendering
• Gestisce automaticamente SPA e contenuti dinamici - cattura le interazioni anche su elementi caricati via AJAX
• Nessuna dipendenza esterna - niente jQuery, nessuna libreria aggiuntiva

Configurazione

1. Crea un account gratuito su clarity.microsoft.com e configura un nuovo progetto.
2. Copia il tuo Clarity Project ID (una stringa come abc123xyz).
3. Installa questo modulo in PrestaShop, incolla il Project ID e salva.
4. Clarity inizia a raccogliere dati immediatamente: mappe di calore e registrazioni appaiono entro 2 ore.