La permet de visualiser les zones chaudes et froides d’une page, selon les clics réalisés par les internautes.
Elle aide à comprendre comment les utilisateurs interagissent avec une page et peut être utilisée pour analyser :
- les zones les plus cliquées ;
- les éléments peu ou pas utilisés ;
- l’ergonomie d’une page ;
- la performance d’un emplacement ou d’un call-to-action ;
- les éventuels problèmes de navigation.
Le marqueur heatmap récupère les coordonnées du clic de l’internaute sur la page courante.
Eulerian collecte alors :
- l’abscisse du clic ;
- l’ordonnée du clic ;
- la page concernée.
Ces données sont ensuite agrégées pour afficher des zones de clics sous forme de heatmap.
Les clics gauche et droit sont pris en compte.
Avant d’activer une heatmap, vous devez la déclarer dans Eulerian.
Accès :
Puis cliquez sur .
Lors de la création de la heatmap, renseignez les éléments suivants.
Nom donné à la page ou à la heatmap dans Eulerian.
Position utilisée pour analyser la page : fixée à gauche, fixée au centre ou élastique.
URL de la page sur laquelle la heatmap doit être affichée.
La position d’analyse doit correspondre à la structure de votre page.Elle permet à Eulerian d’interpréter correctement la position des clics sur la page.
Une fois la heatmap créée, vous devez l’activer dans le .
Dans la règle de déclenchement, renseignez :
Expression permettant d’activer la heatmap sur une ou plusieurs pages.
Nom exact de la heatmap déclarée dans Eulerian.
Ordre de priorité des règles de déclenchement.
La règle de déclenchement peut utiliser une regex afin de regrouper plusieurs pages ou de cibler précisément une page.
Si plusieurs pages proches doivent avoir chacune leur propre heatmap, utilisez l’ordre des règles pour éviter les conflits.
Exemple :
- une page
categ possède une heatmap dédiée ; - une page
categ1 possède une autre heatmap ; - les deux pages peuvent matcher des règles proches.
L’ordre permet à Eulerian de déterminer quelle heatmap doit être activée en priorité.
Pour consulter une heatmap, allez dans :
Vous arrivez ensuite sur la page de consultation des heatmaps.
Le nom de la heatmap est .
Le nom utilisé dans le tag doit être exactement le même que celui déclaré dans l’interface Eulerian.
Exemple :
et
sont considérés comme deux noms différents.
Si la page n’apparaît pas dans le rapport heatmap, vérifiez qu’elle ne bloque pas l’affichage dans une iframe.
En particulier, contrôlez que l’en-tête de réponse suivant n’est pas défini sur SAMEORIGIN :
Si cet en-tête est configuré sur SAMEORIGIN, Eulerian ne pourra pas afficher la page dans l’iframe utilisée par le rapport Heatmap.
Certaines pages ont un contenu dynamique difficile à reproduire dans le rapport, par exemple :
- une page panier ;
- une étape avancée de formulaire ;
- une page personnalisée selon l’utilisateur ;
- une page dont le contenu dépend d’une action précédente.
Dans ce cas, Eulerian ne peut pas simuler le comportement utilisateur à la place de l’internaute.
Pour analyser ce type de page, vous pouvez renseigner comme URL de heatmap un lien vers une capture complète de la page, par exemple au format :
Créez une heatmap par page ou par groupe de pages ayant une structure identique.
Utilisez une règle de déclenchement précise pour éviter d’activer la mauvaise heatmap sur une page proche.
Vérifiez que le nom de la heatmap est identique dans l’interface et dans le tag.
Contrôlez le rendu de la page dans le rapport avant d’analyser les clics.
Pour les pages dynamiques, utilisez une capture complète si le rendu réel ne peut pas être reproduit correctement.