Les heatmaps de clics vous montrent exactement où les visiteurs cliquent sur vos pages. Chaque clic de chaque visiteur est agrégé dans une superposition de couleur unique sur une capture d'écran de la page, vous permettant de voir d'un coup d'œil quels éléments attirent l'attention et quelles zones sont ignorées.
Que sont les heatmaps de clics ?
Les heatmaps de clics agrègent tous les clics sur une page :
| Aspect | Description |
|---|---|
| Données | Chaque clic de chaque visiteur |
| Affichage | Superposition de dégradé de couleur sur une capture d'écran de la page |
| Points chauds | Concentration élevée de clics |
| Zones froides | Peu ou pas de clics |
Échelle de couleurs
La superposition utilise un dégradé continu allant de la densité de clic faible à élevée. Une légende sous le heatmap marque les extrémités Faible et Élevée de l'échelle. Les zones plus lumineuses et plus chaudes sont où les clics se concentrent le plus.
Accès aux heatmaps
Les heatmaps sont une fonctionnalité payante, disponible sur Pro et supérieurs.
Ouvrir les heatmaps
Sélectionnez Heatmaps dans la barre latérale, ou ouvrez le tableau de bord d'un site web et choisissez l'onglet Heatmaps.
Choisir une page
Le panneau de gauche liste les pages avec des données de clics collectées, chacune affichant son nombre total d'interactions et de clics. Utilisez la boîte de recherche pour filtrer, puis cliquez sur une page pour la charger.
Afficher le heatmap
La capture d'écran de la page se charge avec le heatmap de clic peint dessus.
Afficher les heatmaps
Liste des pages
Le panneau de gauche est votre sélecteur de pages :
| Méthode | Description |
|---|---|
| Liste des pages | Choisir parmi les pages ayant collecté des données |
| Recherche | Filtrer la liste par chemin d'URL |
| Compteurs | Chaque page affiche son nombre total d'interactions et de clics |
Vous pouvez réduire le panneau avec le bouton sur son bord pour donner plus d'espace au heatmap.
Modes Clic et Scroll
Au-dessus du heatmap, un bouton Clic / Scroll bascule entre le heatmap de clic et la vue de profondeur de scroll pour la même page.
Plage de dates
Un sélecteur de période vous permet de limiter le heatmap à une fenêtre récente : 7 jours, 30 jours, 90 jours ou 6 mois. Des fenêtres plus longues sont disponibles sur les plans supérieurs ; les options verrouillées affichent une icône de cadenas et le plan requis pour les déverrouiller.
Affichage des heatmaps
Vue en superposition
Le heatmap superpose une capture d'écran de votre page :
- Voir le contenu réel sous la superposition
- Zoomer et dézoomer avec les contrôles à l'écran, ou pincer sur les appareils tactiles
- Faire glisser pour vous déplacer une fois que vous êtes zoomé
L'en-tête au-dessus du heatmap résume les données, montrant le nombre de points de clic et le total des interactions dans la fenêtre sélectionnée.
Vue sur la page complète
Le bouton Page complète ouvre un inspecteur en plein écran pour la page :
- Zoomer et faire glisser sur l'ensemble du heatmap
- Appuyer sur Échap pour quitter
Chronologie des captures d'écran
Lorsqu'une page a des captures d'écran capturées sur plus d'une date, un navigateur de date apparaît sous le heatmap. Parcourez les dates pour voir l'évolution de la page au fil du temps.
Comprendre les données
L'en-tête affiche deux chiffres pour la page sélectionnée et la plage de dates :
| Métrique | Description |
|---|---|
| Points de clic | Positions distinctes où les clics ont été enregistrés |
| Total des interactions | Tous les événements de clic dans la fenêtre |
La lecture de la superposition elle-même vous dit le reste : les grappes denses et chaudes sont où l'attention se concentre, et les zones ternes ou vides sont où les visiteurs ne cliquent pas.
Cas d'usage
Optimisation des CTA
Analysez vos boutons d'appel à l'action :
- Sont-ils cliqués ?
- Où les visiteurs cliquent-ils à la place ?
- Au-dessus de la ligne de flottaison par rapport à sous la ligne de flottaison
Analyse de la navigation
Vérifiez l'utilisation de la navigation :
- Quels éléments de menu sont utilisés
- Engagement du menu hamburger
- Navigation du pied de page
Optimisation des formulaires
Comprenez l'interaction des formulaires :
- Quels champs attirent les clics
- Où les visiteurs hésitent ou abandonnent
Engagement du contenu
Voir l'interaction du contenu :
- Clics sur images
- Clics sur des éléments que les visiteurs s'attendent à être interactifs
Lorsqu'une grappe de clics aboutit à quelque chose qui n'est pas réellement cliquable, c'est un signal puissant d'un décalage entre ce que les visiteurs attendent et ce que la page offre.
Gestion des données de heatmap
Réinitialiser une page
Si vous avez un accès à la modification, le bouton Réinitialiser supprime définitivement les données de heatmap collectées pour la page actuelle. Cela ne peut pas être annulé, donc vous êtes invité à confirmer d'abord. Les spectateurs sans accès à la modification voient le bouton désactivé.
Précision des heatmaps
Collecte de données
Les heatmaps sont construits à partir d'événements de clic réels capturés par le script de suivi, mappés sur les coordonnées d'une capture d'écran de la page.
Limitations
Soyez conscient que les heatmaps peuvent être affectés par :
- Le contenu dynamique qui change entre les visites
- Les points d'arrêt réactifs qui décalent la mise en page
- Les variations de test A/B de la même URL
Données minimales
Pour un heatmap fiable, donnez du temps à une page pour collecter un nombre significatif d'interactions. Les pages à faible trafic auront un aspect clairsemé jusqu'à l'arrivée de plus de données.
Bonnes pratiques
Examen régulier
Vérifiez les heatmaps régulièrement :
- Après les modifications de conception
- Après les nouvelles campagnes
- Avant une refonte
Éléments d'action
Utilisez ce que vous trouvez pour :
- Déplacer les CTA vers les points chauds
- Ajouter de vrais liens où les visiteurs cliquent déjà
- Supprimer ou remanier les éléments qui confondent
Combiner avec les sessions
Les heatmaps vous disent où et combien. Pour comprendre pourquoi, regardez les enregistrements de session individuels pour la même page.