Captures d'écran et la bibliothèque de captures d'écran dans l'analyse de zonage

Cet article vous fournira tout ce que vous devez savoir sur les captures d'écran (ex Snapshots) dans l'Analyse de Zoning. Une capture d'écran est une version statique des pages de votre site utilisée pour l'analyse dans l'Analyse de Zoning. Dans la bibliothèque de captures d'écran, vous trouverez toutes les captures d'écran qui ont été créées de votre site.

Comment capturer une capture d'écran et accéder à votre bibliothèque

Vous pouvez capturer une nouvelle capture d'écran en cliquant sur le bouton image directement depuis l'intérieur d'un Zoning :

Vous pourrez voir votre galerie de captures d'écran pour ce Zoning, et/ou ajouter de nouvelles capture(s) d'écran en cliquant sur le bouton 'Ajouter une nouvelle capture d'écran' dans le menu.

Pour changer la capture d'écran que vous analysez actuellement, il vous suffit d'ouvrir votre bibliothèque de captures d'écran et de faire défiler jusqu'à celle que vous souhaitez analyser dans le Zoning.

Comment utiliser la bonne capture d'écran

Les modifications apportées au HTML de votre site Web peuvent avoir un impact sur les résultats de votre Analyse de Zoning. Gardez à l'esprit que ces modifications peuvent être à la fois visibles et invisibles sur le front-end de votre site Web :

• Changement visible : un nouveau carrousel est ajouté à une page,
• Changement invisible : un div a changé de nom.

En savoir plus sur ce sujet dans l'article suivant : Dépannage de l'Analyse de Zoning.

Si les dates ne correspondent pas, vous verrez un petit point coloré à côté de la date de la capture d'écran, en cliquant sur la capture d'écran, le message suivant apparaîtra :

Si ce message apparaît, il est recommandé de changer soit :

• Les date(s) de votre analyse,
• Les capture(s) d'écran concernées par l'Analyse de Zoning.

Comment utiliser Live Capture avec Zoning

Avec l'option Live Capture, vous pouvez ajouter une capture d'écran capturant des éléments dynamiques à différents stades dans un zoning existant. Cela vous permet, par exemple, de capturer un menu dans un état ouvert pour analyser ses entrées :

• Sélectionnez votre Zoning : choisissez un zoning existant ou créez un nouveau zoning contenant l'élément dynamique que vous souhaitez analyser,
• Ajouter une capture d'écran : ajoutez une nouvelle capture d'écran en utilisant le bouton de capture d'écran situé dans le coin supérieur droit de votre Zoning. Ensuite, sélectionnez 'Ajouter une nouvelle capture d'écran'.
• Prendre une nouvelle capture d'écran : cliquez sur 'Prendre une nouvelle capture d'écran' dans la nouvelle fenêtre qui s'ouvrira avec différentes captures d'écran de votre site web.
• Utiliser la Capture en Direct : à partir de l'outil de capture en direct, vous pouvez maintenant prendre une nouvelle capture d'écran de votre site web – ouvrez ou activez l'élément(s) dynamique(s) de votre choix (barre de recherche, menu...) et capturez une nouvelle capture d'écran en cliquant sur le bouton ou en utilisant le raccourci clavier. N'oubliez pas de cliquer sur 'Enregistrer dans Contentsquare'.

• Utilisation de votre nouvelle capture d'écran : la nouvelle capture d'écran que vous avez prise est automatiquement appliquée à votre Zoning. Vous pouvez maintenant créer de nouvelles zones et analyser le contenu situé à l'intérieur de l'élément dynamique.

Les captures d'écran sont situées dans la galerie de toutes les captures d'écran, vous pouvez facilement naviguer entre elles, les renommer ou même les supprimer si elles ne correspondent pas à vos besoins.

Qu'est-ce que les captures d'écran rétroactives et comment les utiliser

Les captures d'écran rétroactives sont des versions précédentes de votre site qui peuvent être utilisées dans l'Analyse de Zoning basée sur les données de Session Replay. Les captures d'écran rétroactives vous permettent d'analyser des versions plus anciennes de votre site jusqu'au nombre de jours qui ont été définis pour la rétention de Session Replay.

Comment créer un Zoning en utilisant une capture d'écran rétroactive ?

Pour analyser une version plus ancienne de votre page, créez un nouveau Zoning en utilisant une capture d'écran rétroactive de la page :

• Dans le menu principal, cliquez sur 'Nouveau Zoning' et sur 'Sélectionner une page ou un groupe de pages',
• Sélectionnez la page dont vous souhaitez créer un Zoning, sélectionnez la plage de dates que vous souhaitez analyser et cliquez sur 'Appliquer',
• La prochaine écran vous montrera les captures d'écran de votre site web, cliquez sur 'Voir plus de captures d'écran' qui ouvre la bibliothèque de captures d'écran.
• Lorsque vous êtes dans la bibliothèque, séléctionnez la(les) capture(s) d'écran que vous souhaitez analyser en survolant la miniature et en cliquant sur 'Sélectionner'. Il est également possible d'apercevoir la capture d'écran en cliquant sur le bouton 'Aperçu'.
• Une fois que vous avez sélectionné la(les) capture(s) d'écran que vous souhaitez, cliquez sur 'Démarrer l'analyse et ajouter à la bibliothèque'.

Filtrer vos captures d'écran dans la bibliothèque

Vous pouvez également filtrer vos captures d'écran dans la bibliothèque :

1. Rechercher une capture d'écran d'une page spécifique en utilisant l'URL de la page,
2. Spécifier ou changer votre Contexte d'Analyse,
3. Ou spécifier votre niveau de défilement pour voir les pages contenant du contenu chargé paresseusement.

Utiliser des captures d'écran rétroactives en mode comparaison

1. Ouvrez l'Analyse de Zoning et sélectionnez un zoning,
2. Activez le mode Comparaison
3. Cliquez sur ‘Mes Instantanés’
4. Une fois la bibliothèque ouverte, sélectionnez l'instantané que vous souhaitez.

Comment créer un zoning avec un état de page dynamique ?

Utiliser un état de page dynamique signifie que vous pouvez analyser l'état d'une zone après qu'elle a été cliquée ou survolée. Par exemple : un menu ouvert ou un champ de recherche actif.

Pour analyser un état de page dynamique, vous devez modifier une capture d'écran actuelle :

• Survolez la capture d'écran sur laquelle vous souhaitez changer l'état de la page. Cliquez sur l'icône de crayon ‘Modifier l'instantané’ qui apparaît dans le coin supérieur droit.

• Cliquez sur la zone dans laquelle vous souhaitez changer l'état de la page dans la capture d'écran
• Dans le sélecteur de capture d'écran (panneau latéral) qui s'ouvre, sélectionnez l'état dynamique que vous souhaitez analyser
• Cliquez sur ‘Démarrer l'analyse et ajouter à la bibliothèque’.

Comment capturer une capture d'écran depuis la Relecture de Session

Depuis une relecture, vous pouvez capturer une capture d'écran et l'enregistrer, soit comme un nouveau Zoning, soit comme une nouvelle capture d'écran à ajouter à une existante :

• Dans la Relecture de Session, sélectionnez la relecture que vous souhaitez regarder,
• Survolez la timeline de la relecture et cliquez sur le bouton ‘Instantané’

• Sélectionnez ‘Enregistrer l'Instantané’ dans le panneau latéral qui s'ouvre

• Enregistrez votre capture d'écran dans un zoning nouveau ou existant :
  • ‘Nouveau Zoning’ : nommez votre Zoning et cliquez sur ‘Enregistrer’,
  • ‘Zoning Existant’ : sélectionnez le zoning existant auquel vous souhaitez ajouter la capture d'écran dans le menu déroulant et cliquez sur ‘Enregistrer’.
• Un nouvel onglet s'ouvrira avec la capture d'écran que vous avez enregistrée dans un Zoning existant ou un nouveau.