Une capture d'écran de la carte thermique est l'image de la page de votre site affichée sous les données thermiques. La capture d'écran est générée à l'aide d'une session utilisateur réelle capturée dans notre outil Recordings. 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é la conception 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 vous-même.
Comment utiliser l'outil de mise à jour de la capture d'écran
Lorsque vous consultez une carte thermique, cliquez sur l'icône d'extension 
pour ouvrir le panneau latéral.
Cliquez sur l'une des deux options disponibles.
La Date de la capture d'écran peut ne pas être issue de la session la plus récente
Les données de session sont liées au filtre de Date que vous sélectionnez lors de la consultation d'une carte thermique. Hotjar essaiera de capturer une capture d'écran à partir d'une session où la page que vous analysez a été entièrement chargée par un utilisateur. Ainsi, bien que la capture d'écran soit toujours extraite d'une session dans la plage de dates que vous sélectionnez, elle peut ne pas être issue de la session la plus récente. Pour plus d'informations sur les filtres de date, visitez Comment filtrer les données de session ?
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 d'entre elles ne semble tout à fait correcte, vous pouvez choisir l'option Prendre une nouvelle capture d'écran à l'extrême droite.
Prendre une nouvelle capture d'écran
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.
Cliquez sur Prendre une nouvelle capture d'écran dans le panneau latéral.
Une nouvelle fenêtre s'ouvrira et chargera votre site.
Faites défiler jusqu'au bas de la page.
Assurez-vous que tout le contenu dynamique de la page est entièrement chargé, puis cliquez sur Prendre une nouvelle capture d'écran :
Voir les clics sur les pop-ups et les menus déroulants
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.
Cliquez sur Voir les clics sur les pop-ups et les menus déroulants dans le panneau latéral.
Une nouvelle fenêtre s'ouvrira et chargera votre site.
Survolez ou cliquez sur l'élément que vous souhaitez capturer pour vous assurer qu'il est visible.
Cliquez sur Prendre une nouvelle capture d'écran 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 carte thermique. Les données de la carte thermique seront également mises à jour en fonction du nouveau contenu visible.
Répétez le processus de mise à jour de la capture d'écran pour d'autres appareils afin de mettre également à jour leurs captures d'écran
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 sur le côté droit lors de la visualisation d'une carte thermique (par exemple, bureau, tablette, mobile). Ensuite, répétez les étapes de mise à jour de la capture d'écran listées ci-dessus pour l'appareil que vous avez actuellement sélectionné lors de la visualisation de votre carte thermique.
Que faire si ma capture d'écran ne semble toujours pas correcte ?
Si votre capture d'écran ne semble toujours pas correcte, plusieurs éléments pourraient être à l'origine du problème. Les problèmes de capture d'écran peuvent inclure l'absence de style ou de CSS appliqué, une capture d'écran coupée en bas, des éléments manquants et des espaces blancs, ou des éléments mobiles affichés sur une capture d'écran de bureau.
Pour vous aider à résoudre ces problèmes, consultez notre article de Dépannage des captures d'écran de la carte thermique. Nous vous suggérons également de consulter notre article sur les Limitations de la carte thermique au cas où votre site serait soumis à l'une des limitations de la carte thermique.
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, plusieurs causes sont possibles :
-
Le code de suivi Hotjar ne se charge plus sur la page cible.
Cela pourrait se produire parce que le code de suivi a été supprimé de la page ou ne se charge que dans certaines conditions. Cela peut parfois se produire lors d'une refonte de votre site ou si votre site a des critères liés à des scripts tiers.
Solution : Consultez le Guide sur la vérification de l'installation de Hotjar pour vous assurer que votre code de suivi est présent. Vous devrez peut-être également vérifier avec votre équipe de site web pour connaître les conditions qui pourraient empêcher le code de suivi Hotjar de se charger dans certaines circonstances.
-
Le code de suivi est bloqué par des extensions ou des plug-ins de navigateur.
Des exemples d'extensions de navigateur qui peuvent empêcher le Retaker de fonctionner sont AdBlock et Ghostery.
Solution : Désactivez toutes les extensions de navigateur ou utilisez un navigateur Chrome en mode Incognito pour voir si cela résout le problème. Une fois les extensions désactivées, le bouton bleu avec le texte "Prendre une nouvelle capture d'écran" apparaît.
-
Le code de suivi est bloqué 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.
Solution : Configurez votre navigateur pour autoriser les "scripts tiers" afin d'éviter qu'il ne bloque Hotjar. Des guides pour trouver les paramètres de votre navigateur pour activer/désactiver les "scripts tiers" sont disponibles pour Safari, Firefox et Chrome.