I dati quantitativi di GA4 (sessioni, conversioni, tassi di rimbalzo) raccontano cosa fanno gli utenti in aggregato. I dati qualitativi di heatmap e registrazioni di sessione raccontano come si comportano i singoli utenti durante la visita: dove cliccano, dove scrollano, dove esitano, dove si bloccano. Per un ecommerce, è la differenza tra sapere che “il 25% degli utenti abbandona la scheda prodotto” e capire perché lo fa. Heatmap e session recording sono strumenti relativamente economici (10-300 euro/mese) che, se usati bene, producono insight di CRO concreti e immediati.
Cosa sono heatmap e registrazioni di sessione
Heatmap sono visualizzazioni aggregate di come gli utenti interagiscono con una pagina, sovrapposte alla pagina stessa con colori che mostrano l’intensità del comportamento.
Tre tipologie principali:
Le click heatmap mostrano dove gli utenti cliccano. Aree rosse = molti click; aree blu = pochi click. Utili per identificare elementi cliccati molto (anche se non sono link cliccabili), pulsanti che attirano più o meno l’attenzione, link ignorati.
Le scroll heatmap mostrano fino a che punto della pagina gli utenti scorrono. Identifica la “piega” media (dove l’utente medio smette di scorrere) e segnala contenuti che vengono visti vs ignorati.
Le move heatmap (movimento del mouse) mostrano dove si muove il cursore. Sono indicatori indiretti di dove gli utenti spostano l’attenzione visiva (il movimento del mouse correla, anche se non perfettamente, con dove gli occhi guardano).
Le registrazioni di sessione (session recordings) sono video anonimizzati della navigazione di singoli utenti. Si vede esattamente cosa fanno: dove cliccano, come scorrono, dove si bloccano, eventuali errori che incontrano. Strumento qualitativo per capire l’esperienza individuale.
Per il quadro generale dei dati comportamentali, c’è anche analytics per un ecommerce.
Strumenti per heatmap e session recording
Tre tipologie di strumenti coprono il mercato.
I leader del settore:
Hotjar: lo strumento più popolare per ecommerce piccoli-medi. Offre heatmap, recording, sondaggi on-site, feedback widget. Prezzo: piano gratuito limitato, piano base 32 euro/mese.
Microsoft Clarity: gratuito e potente. Heatmap, recording, segmentazione utenti, integrazioni GA4. Per la maggior parte degli ecommerce è il miglior punto di partenza.
Crazy Egg: storico player, focus su heatmap e A/B test. Prezzo da 24 dollari/mese.
Mouseflow, FullStory, LogRocket: strumenti più sofisticati per ecommerce maturi, con funzionalità avanzate (analisi cammino utente, segmentazione automatica). Prezzi da 30-300+ euro/mese.
I plugin nativi delle piattaforme: Shopify ha integrazioni con Hotjar e Clarity, WooCommerce ha plugin dedicati.
Per la maggior parte degli ecommerce italiani, Microsoft Clarity (gratuito) è la scelta più sensata come primo strumento. Più che sufficiente per insight di base. Hotjar vale il salto a pagamento quando si aggiungono funzionalità extra (sondaggi on-site, integrazione con A/B test).
Cosa cercare nelle heatmap
L’errore tipico è “guardare la heatmap e non sapere cosa farsene”. La buona prassi è cercare segnali specifici.
I segnali nelle click heatmap:
Click su elementi non cliccabili = utenti aspettano che qualcosa sia link (es. immagini di prodotto). Soluzione: rendere effettivamente cliccabile.
CTA primario poco cliccato rispetto a elementi secondari = problema di gerarchia visiva, posizione, copy. Test di varianti per identificare la causa.
Click ripetuti sullo stesso elemento = utente frustrato che pensa non funzioni. Spesso indica problemi di caricamento o di feedback (es. pulsante “Aggiungi al carrello” che non dà feedback chiaro al click).
Click esterni alle CTA = utenti distratti da elementi non strategici. Considerare riduzione di elementi competitivi.
I segnali nelle scroll heatmap:
Drop-off prima della piega importante: contenuto chiave (recensioni, descrizione dettagliata, garanzie) sotto la piega del 30-40% degli utenti = ripensare la gerarchia della pagina.
Brusco calo a un certo punto = elemento “stop” (titolo confuso, contenuto noioso, blocco visivo). Identificare ed eliminare.
Scroll completo solo del 5-10% = pagina troppo lunga, contenuti finali ignorati. Considerare accorciamento.
Cosa cercare nelle registrazioni di sessione
Le registrazioni sono uno strumento qualitativo: poche, ben analizzate, valgono più di centinaia guardate distrattamente.
I pattern da cercare:
Rage click: l’utente clicca ripetutamente con frustrazione su un elemento (di norma perché non funziona o non risponde). Segnale forte di bug o problema UX. Clarity li evidenzia automaticamente.
Dead click: click su elementi che non producono effetto. Indicatore di aspettative non rispettate.
Errori di compilazione form: utenti che riempiono campi, ricevono errore, correggono, riprovano. Identifica frizioni nel checkout.
Pause prolungate: utente fermo su una pagina per 30+ secondi senza interagire. Lettura attenta, confusione, o distrazione esterna? Più registrazioni mostrano se è pattern comune.
Backtracking: utente che torna su pagine precedenti più volte. Spesso indica difficoltà a trovare informazioni che gli servono.
U-turn nel checkout: utente che entra nel checkout e poi torna indietro al prodotto o ad altre pagine. Indica mancanza di info chiave (es. costi spedizione, tempi consegna). Per il dettaglio sul checkout, c’è anche checkout e pagamenti.
Trasformare gli insight in azioni concrete
Heatmap e recording sono utili solo se producono modifiche al sito.
Il processo strutturato:
Settimana 1-2: raccolta dati. Installare Clarity o Hotjar, lasciare girare per accumulare dati su almeno 500-1.000 sessioni per pagina chiave.
Settimana 3: analisi. Selezionare 3-5 pagine critiche (homepage, scheda prodotto principale, checkout). Studiare heatmap e una decina di recording per ciascuna.
Settimana 4: ipotesi e prioritizzazione. Identificare 5-10 ipotesi di problemi e relative soluzioni. Prioritizzare per impatto stimato (= pagina molto trafficata + problema chiaro) vs effort di implementazione.
Settimana 5-8: implementazione e A/B test. Modificare il sito o lanciare A/B test sulle ipotesi prioritarie. Misurare risultati. Per il dettaglio, c’è anche A/B test per ecommerce.
Settimana 9+: iterazione. Heatmap nuovamente su pagine modificate per verificare effetto, nuova analisi, nuovo ciclo.
Per il quadro generale dell’ottimizzazione tasso di conversione, c’è anche conversion rate optimization.
Domande frequenti
Quanti dati servono per heatmap rappresentativa?
Indicativamente, 500-1.000 sessioni minimo per pagina per heatmap statisticamente significativa. Sotto, i pattern sono troppo erratici per essere significativi. Per pagine ad alto traffico (homepage di ecommerce medio), si raggiunge in pochi giorni. Per pagine di nicchia (categoria poco visitata), può richiedere settimane. Pagine con meno di 200 visite/mese non producono heatmap utili.
È legale registrare le sessioni degli utenti?
In Europa, sì, ma con cautele. Lo strumento deve anonimizzare i dati personali (i numeri di carta di credito, e-mail digitate, password sono mascherate automaticamente dagli strumenti seri). L’informativa privacy deve menzionare l’uso di session recording. Il consenso cookie (banner) deve includere la categoria “Analytics” che copre questi strumenti. Per il quadro normativo, c’è anche privacy e GDPR.
Conviene investire in heatmap se l’ecommerce è piccolo?
Sì. Microsoft Clarity è gratuito, l’installazione richiede 10 minuti, gli insight valgono di norma più che le ore spese. Anche per ecommerce piccoli, 2-3 modifiche basate su heatmap possono produrre miglioramento del 5-15% del tasso di conversione. Per ecommerce piccoli, è una delle leve di CRO con il miglior rapporto investimento-ritorno.
Heatmap o registrazioni di sessione: cosa partire?
Tutti e due in parallelo. Heatmap danno il quadro aggregato (cosa fanno gli utenti in media). Recordings danno il dettaglio (cosa fanno utenti specifici). Si completano. La buona prassi: heatmap per identificare aree problematiche, poi recording sulle stesse aree per capire perché. La maggior parte degli strumenti (Clarity, Hotjar) include entrambi nella versione base.
