Une capture d'écran de la Heatmap est l'image de la page de votre site affichée sous les données de chaleur. La capture d'écran est générée à l'aide d'une session utilisateur réelle capturée via la Session Replay. Vous pourriez décider de mettre à jour cette capture d'écran car elle ne montre pas certaines parties de votre page, ou lorsque vous avez modifié le design de la page et que vous souhaitez actualiser la capture d'écran.
Cet article vous guidera à travers le processus de rafraîchissement de votre capture d'écran, ou de la prise d'une nouvelle capture d'écran par vous-même.
Mise à jour d'une capture d'écran de la heatmap
1. Lorsque vous consultez une heatmap, cliquez sur l'icône d'agrandissement pour ouvrir le panneau latéral.
2. Dans le panneau latéral, cliquez sur l'une des options suivantes :
- Changer la capture d'écran de la page
- Voir les clics sur les pop-ups et les listes déroulantes
Changer la capture d'écran de la page
À partir de là, vous verrez trois captures d'écran pré-générées de la page parmi lesquelles choisir. Si aucune ne semble tout à fait correcte, vous pouvez choisir l'option 'Prendre une nouvelle capture'.
Nouvelle capture
Cette option est utile si votre site utilise du contenu dynamique, tel que des éléments "lazy-load" qui n'apparaissent que lorsque l'utilisateur fait défiler la page.
1. Cliquez sur 'Prendre une nouvelle capture' dans le panneau latéral.
2. Une nouvelle fenêtre s'ouvrira et chargera votre site.
3. Faites défiler jusqu'au bas de la page.
4. Assurez-vous que tout le contenu dynamique de la page est entièrement chargé, puis cliquez sur 'Prendre une nouvelle capture'.
Voir les clics sur les pop-ups et les listes déroulantes
Cette option est utile si vous souhaitez capturer un pop-up ou un contenu qui n'est visible que lorsque l'utilisateur survole ou clique sur une certaine zone de votre page, comme un menu déroulant.
1. Cliquez sur 'Voir les clics sur les pop-ups et les listes déroulantes' dans le panneau latéral.
2. Une nouvelle fenêtre s'ouvrira et chargera votre site.
3. Survolez ou cliquez sur l'élément que vous souhaitez capturer pour vous assurer qu'il est visible.
4. Cliquez sur 'Prendre une nouvelle capture' ou utilisez le raccourci clavier Ctrl + K (Windows)/Cmd + K (Mac) pour capturer la capture d'écran.
Lorsque vous utilisez l'une de ces options, votre nouvelle capture d'écran sera utilisée pour mettre à jour le rapport de la heatmap. Les données de la heatmap seront également mises à jour en fonction du nouveau contenu visible.
Prendre une nouvelle capture d'écran pour un appareil ne mettra pas à jour les captures d'écran sur tous les appareils. Pour mettre à jour les captures d'écran des autres appareils, sélectionnez d'abord le type d'appareil pertinent en utilisant le sélecteur d'appareil (par ex. ordinateur de bureau, tablette, mobile). Ensuite, répétez les étapes de mise à jour de la capture d'écran répertoriées ci-dessus pour l'appareil que vous avez actuellement sélectionné.
FAQ
Que faire si je ne vois pas le bouton 'Prendre une nouvelle capture d'écran' ?
Si vous essayez d'utiliser l'outil de reprise de capture d'écran dans l'application mais que vous ne voyez pas le bouton pour capturer la nouvelle capture d'écran, il existe quelques causes possibles et solutions :
- L'étiquette ne se charge plus sur la page cible
- Vous devrez peut-être vérifier avec votre équipe de site web pour en savoir plus sur toutes les conditions qui pourraient empêcher l'étiquette de se charger dans certaines circonstances.
- L'étiquette est bloquée par des extensions ou des plug-ins de navigateur
- Désactivez toutes les extensions de navigateur ou utilisez un navigateur Chrome en mode Incognito pour voir si cela résout le problème
- L'étiquette est bloquée par les paramètres de sécurité de votre navigateur
- Essayez d'utiliser un autre navigateur pour confirmer si le problème est lié au navigateur. Si vous parvenez à utiliser l'outil de reprise dans un autre navigateur, cela signifie que quelque chose empêche le bouton de s'afficher dans votre navigateur habituel.
- Configurez votre navigateur pour autoriser les "scripts tiers" afin d'éviter qu'il ne bloque Contentsquare. Des guides pour trouver les paramètres de votre navigateur pour activer/désactiver les "scripts tiers" sont disponibles pour Safari, Firefox et Chrome.