Cos'è una Heatmap? Mappe di Clic e Scroll Spiegate | We.Inc
Cos'è una heatmap per siti web, come si raccolgono le mappe di clic, scroll e attenzione, come gestire privacy e consenso, e una demo dal vivo che disegna una heatmap dai tuoi clic.
Una heatmap per siti web è un'immagine della pagina con dei colori sovrapposti che mostrano dove i visitatori hanno cliccato, fin dove hanno scorso o dove hanno passato più tempo. I colori caldi indicano molti visitatori, quelli freddi pochi. Un piccolo script nella pagina registra le interazioni e lo strumento le somma su molte visite.
Tipi di heatmap più comuni
Tipo
Cosa mostra
A quale domanda risponde
Mappa dei clic
Dove le persone hanno cliccato o toccato
Qualcuno preme il mio pulsante principale?
Scroll map
La quota di visitatori che ha raggiunto ogni punto della pagina
Le persone vedono mai i miei prezzi?
Mappa per aree
Il totale dei clic in un'area che selezioni
Quanto viene usato il menu nel suo complesso?
Mappa dell'attenzione
Il tempo trascorso su ogni parte della pagina
Quale sezione trattiene le persone?
Mappa dei movimenti
Dove si è spostato il puntatore del mouse, offerta da alcuni strumenti
Cosa attira i visitatori da desktop?
Gli analytics ti dicono quante persone hanno visitato una pagina. Una heatmap mostra cosa hanno fatto una volta arrivate. Per il sito di una piccola attività spesso risolve il mistero a colpo d'occhio: il pulsante che nessuno clicca, la foto che tutti toccano aspettandosi un link, l'offerta che sta sotto il punto in cui la maggior parte dei visitatori smette di scorrere. Prova la demo per vedere come se ne costruisce una.
Scegli uno strumento di heatmap e crea un progetto per il tuo sito.
Aggiungi lo script di tracciamento dello strumento a ogni pagina, oppure installa il suo plugin per il tuo website builder.
Configura il consenso se hai visitatori da regioni che lo richiedono, e scegli quanto testo della pagina può registrare lo strumento.
Aspetta qualche centinaio di visite alla pagina che ti interessa prima di trarre conclusioni.
Apri la heatmap di quella pagina, guarda mobile e desktop separatamente e annota una modifica da testare.
Guarda telefoni e computer separatamente. La stessa pagina si dispone in modo diverso, quindi le mappe miste si confondono.
I clic su elementi che non sono link, come foto o testo in grassetto, indicano che le persone si aspettano che facciano qualcosa.
Se la maggior parte dei visitatori smette di scorrere prima della tua call to action, spostala più in alto invece di ingrandirla.
I rage click, quando qualcuno tocca lo stesso punto più e più volte, indicano spesso un elemento rotto o lento.
Considera la heatmap una fonte di idee, poi conferma la modifica con un A/B test o con i dati di conversione.
Domande frequenti
Esistono strumenti di heatmap gratuiti?
Sì. La documentazione di Microsoft descrive Clarity come un servizio gratuito per sempre, con mappe di clic, scroll, aree, conversioni e attenzione, più le registrazioni delle sessioni. Anche altri strumenti come Hotjar offrono heatmap; controlla i piani attuali sui loro siti.
Quanti visitatori servono per una heatmap utile?
Non esiste un numero ufficiale. Alcuni strumenti disegnano una mappa anche con pochissimo traffico, ma una manciata di visite mostra soprattutto abitudini individuali. Aspetta che lo schema smetta di cambiare con l'arrivo di nuove visite prima di riprogettare qualcosa.
Le heatmap richiedono il consenso ai cookie?
Dipende dallo strumento e dalla legge del paese dei tuoi visitatori. Clarity, per esempio, ha iniziato ad applicare i segnali di consenso per le visite da SEE, Regno Unito e Svizzera il 31 ottobre 2025. Questa non è una consulenza legale; verifica le regole che valgono per te.
Gli strumenti di heatmap registrano ciò che le persone digitano?
Quelli buoni lo nascondono. La documentazione di Clarity dice che il contenuto di campi di input e menu a tendina è mascherato in ogni modalità, e la modalità predefinita Balanced maschera anche numeri e indirizzi email.
Che differenza c'è tra una heatmap e una registrazione di sessione?
Una heatmap somma molte visite in un'unica immagine di una pagina. Una registrazione di sessione riproduce il percorso di un singolo visitatore tra le pagine. Le heatmap mostrano gli schemi; le registrazioni aiutano a spiegare un singolo caso strano.
Come vengono raccolti i dati
Uno script nella pagina rileva clic, tocchi e scroll e invia piccoli record allo strumento: quale elemento è stato premuto, la larghezza della pagina, fin dove è arrivato il visitatore. Lo strumento poi raggruppa i record per pagina e dispositivo e colora la pagina.
Gli strumenti migliori collegano i clic agli elementi della pagina invece che alle posizioni grezze sullo schermo. La documentazione di Clarity dice che le sue mappe dei clic usano gli elementi e non la posizione assoluta del mouse, così le mappe restano precise su schermi di dimensioni diverse e layout responsive.
Impostazioni di privacy da scegliere fin dal primo giorno
Decidi quanto testo della pagina può salvare lo strumento. Clarity offre Strict, che maschera tutti i contenuti, Balanced, che maschera i contenuti sensibili come numeri e indirizzi email, e Relaxed, che maschera solo i campi dei moduli e i menu a tendina.
Puoi anche contrassegnare come private singole parti di una pagina. In Clarity si usa l'attributo data-clarity-mask, mostrato nel codice qui sotto. Clarity dice inoltre che non va usato su siti rivolti a utenti con meno di 18 anni.
Codice che potrebbe servirti
Due brevi snippet per i siti che usano Clarity. Entrambi seguono l'API pubblicata da Microsoft; i valori qui sono esempi.
Nascondere una parte della pagina dalle registrazioni
Aggiungere data-clarity-mask con il valore True maschera quell'elemento e tutto ciò che contiene, qualunque sia l'impostazione generale del sito.
Dire a Clarity che il visitatore ha accettato
Chiamalo dal tuo banner dei cookie dopo che il visitatore accetta. Se rifiuta, Clarity funziona senza cookie, quindi non serve nessuna chiamata.
Come la demo disegna il calore
Ogni clic diventa un cerchio sfumato creato con createRadialGradient. I cerchi sovrapposti si sommano, quindi i punti più affollati diventano più scuri.
Crea una heatmap dai tuoi clic
Clicca o tocca in qualsiasi punto della pagina di esempio qui sotto. Ogni clic aggiunge calore. Non viene inviato nulla: i clic restano in questa scheda del browser.
Pagina di esempio. Clicca per aggiungere calore in quel punto.
Clic registrati: {n}
Cancella i clic
Mostra la pagina sotto il calore
Menu
Ordina
Vieni a trovarci
Pane a lievitazione naturale, sfornato alle 5 del mattino
Ordina entro le 10 di sera per ritirarlo la mattina dopo.
Ordina il pane
Aperto da martedì a domenica, dalle 7 del mattino alle 2 del pomeriggio