5 min de lecture

Heatmaps

Fonctionnalité Pro

Visualisez où les utilisateurs cliquent, jusqu'où ils font défiler et quelles zones de vos pages reçoivent le plus d'attention. Les heatmaps agrègent des milliers d'interactions en superpositions visuelles faciles à comprendre.

Les heatmaps sont disponibles sur les plans Pro, Scale et Enterprise. Mettez à niveau votre plan pour activer cette fonctionnalité.

Aperçu

Les heatmaps agrègent les interactions individuelles des utilisateurs en superpositions visuelles. Au lieu de regarder des sessions individuelles, voyez les tendances sur tous les visiteurs pour identifier les problèmes d'expérience utilisateur et les opportunités d'optimisation.

Types de Heatmaps

Type	Ce qu'il montre	Idéal pour
Heatmap de clics	Où les utilisateurs cliquent	Positionnement des boutons, optimisation des CTA
Heatmap de défilement	Jusqu'où les utilisateurs font défiler	Positionnement du contenu, optimisation de la pliure
Heatmap de mouvement	Modèles de mouvement de la souris	Attention de l'utilisateur, modèles de lecture

Activation des Heatmaps

Ouvrez Domaines, cliquez sur votre site, puis allez aux paramètres du domaine et sélectionnez l'onglet Avancé
Sous Indicateurs de fonctionnalités, activez Heatmaps
Enregistrez les modifications

La collecte de données des heatmaps commence immédiatement pour les nouveaux visiteurs.

Les heatmaps nécessitent suffisamment de données pour être significatives. Nous recommandons au moins 100 sessions par page avant de tirer des conclusions.

Heatmaps de Clics

Comprendre les Modèles de Clics

Les heatmaps de clics montrent où les utilisateurs cliquent ou appuient :

Points chauds (rouge) : Concentration élevée de clics
Points tièdes (jaune/orange) : Activité de clics modérée
Points froids (bleu/vert) : Activité de clics faible

Aperçus Courants

Clics morts : Les utilisateurs cliquent sur des éléments non interactifs (indique de la confusion)
Clics de rage : Plusieurs clics rapides (indique de la frustration)
CTA manqués : Boutons importants recevant peu de clics
Points chauds inattendus : Les utilisateurs cliquent sur des éléments décoratifs

Filtrer les Clics

Filtrez par :

Type d'appareil (ordinateur, mobile, tablette)
Plage de dates
Source de trafic
Pays

Heatmaps de Défilement

Comprendre la Profondeur de Défilement

Les heatmaps de défilement montrent jusqu'où les utilisateurs font défiler la page :

100 % (haut) : Tous les visiteurs voient cette zone
80-100 % : Zone de haute visibilité
50-80 % : Au-dessus de la pliure pour la plupart
< 50 % : Sous la pliure, attention déclinante

Métriques Clés

Métrique	Description
Profondeur de défilement moyenne	Jusqu'où le visiteur moyen fait défiler
Ligne de pliure	Où « au-dessus de la pliure » se termine pour la plupart des utilisateurs
Points d'abandon	Où les utilisateurs cessent de faire défiler

Conseils d'Optimisation

Placez les CTA au-dessus de la pliure : Assurez-vous que les actions principales sont visibles immédiatement
Ajoutez des indices visuels : Flèches ou dégradés indiquant plus de contenu ci-dessous
Divisez le contenu long : Utilisez des en-têtes, des images et des espaces blancs
Testez la longueur de la page : Parfois, les pages plus courtes se convertissent mieux

Affichage des Heatmaps

Tableau de Bord des Heatmaps

Ouvrez Domaines, cliquez sur votre site, puis sélectionnez l'onglet Heatmaps :

Sélectionnez une page dans la liste
Choisissez le type de heatmap (Clics, Défilement, Mouvement)
Définissez la plage de dates et les filtres
Affichez la superposition sur une capture d'écran de votre page

Prise de Captures d'Écran

Zenovay capture automatiquement les captures d'écran des pages pour la visualisation des heatmaps. Les captures d'écran se mettent à jour :

Lorsque le contenu de la page change considérablement
Hebdomadairement pour les pages actives
À la demande via le tableau de bord

Les captures d'écran peuvent ne pas refléter le contenu dynamique ou les pages personnalisées. Utilisez le bouton « Rafraîchir la capture d'écran » pour capturer l'état actuel.

Comparaison des Appareils

Les utilisateurs de bureau et mobiles se comportent différemment. Comparez toujours les heatmaps sur les appareils :

Bureau vs Mobile

Comportement	Bureau	Mobile
Profondeur de défilement	Généralement plus profonde	Sessions plus courtes
Cibles de clics	Clics précis	Zones de clic plus grandes requises
Fenêtre d'affichage	Large, horizontal	Étroit, vertical
Navigation	États de survol visibles	Interaction au toucher uniquement

Considérations de Confidentialité

Les heatmaps agrègent les données anonymes :

Aucune information personnelle capturée
Les utilisateurs individuels ne sont pas identifiables
Seuls les modèles agrégés sont affichés
Respecte les paramètres DNT

Accès API

Accédez aux données des heatmaps par programmation :

GET /api/websites/:websiteId/heatmaps/:pageUrl
Authorization: Bearer YOUR_API_KEY

La réponse inclut les coordonnées des clics, les données de profondeur de défilement et les comptes de session.

Meilleures Pratiques

Attendez suffisamment de données : Minimum 100+ sessions pour des modèles fiables
Comparez les appareils : Mobile et bureau diffèrent souvent considérablement
Vérifiez plusieurs pages : Pas seulement la page d'accueil
Corrélation avec les analyses : Utilisez les données quantitatives pour prioriser les pages à analyser
Testez les modifications : Créez des tests A/B basés sur les informations des heatmaps

Prochaines Étapes

Session Replay - Regardez les sessions individuelles des utilisateurs
Suivi des Erreurs - Capturez les erreurs JavaScript
Événements Personnalisés - Suivi des interactions spécifiques