Captures d’écran et la bibliothèque de captures d’écran dans Zoning Analysis

Cet article vous fournira tout ce que vous devez savoir sur les captures d’écran (ex Snapshots) dans Zoning Analysis. Une capture d’écran est une version statique des pages de votre site utilisée pour l’analyse dans le Zoning Analysis. 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 captures 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 suffit d’ouvrir votre bibliothèque de captures d’écran et de faire défiler jusqu’à celle que vous souhaitez analyser dans Zoning.

Une fois que vous êtes satisfait de vos nouvelles captures d’écran, n’oubliez pas d’enregistrer votre analyse en cliquant sur le bouton « Enregistrer l’analyse ». 

Comment utiliser la bonne capture d’écran

Les modifications apportées au HTML de votre site web peuvent avoir un Impact sur vos résultats de Zoning Analysis. Gardez à l’esprit que ces modifications peuvent être visibles ou invisibles sur le front end de votre site web : 

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

En savoir plus sur ce sujet dans l’article suivant : Dépanner Zoning Analysis.

Si les dates ne correspondent pas, vous verrez un petit point coloré à côté de la date de la capture d’écran. Cliquer sur la capture d’écran dévoilera le message suivant :

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

• La ou les dates de votre analyse,
• La ou les captures d’écran concernées par le Zoning Analysis. 

Comment utiliser la Capture en direct avec Zoning

Avec l’option Capture en direct, 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 en é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.
• Ajoutez une capture d’écran : ajoutez une nouvelle capture d’écran en utilisant le bouton de capture d’écran situé en haut à droite de votre zoning. Puis 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.
• Utilisez la capture en direct : depuis 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 dynamique 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 se trouvent 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 Zoning Analysis basées 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 défini 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 :

• Depuis le menu principal, cliquez sur « Nouveau zoning » puis sur « Sélectionner une page ou un groupe de pages »,
• Sélectionnez la page pour laquelle vous souhaitez créer un zoning, choisissez la gamme de dates que vous voulez analyser, puis cliquez sur « Appliquer »,
• L’écran suivant vous montrera les captures d’écran de votre site web. Cliquez sur « Voir plus de captures d’écran », ce qui ouvre la bibliothèque de captures d’écran.
• Dans la bibliothèque, sélectionnez la ou les captures d’écran que vous souhaitez analyser en survolant la miniature et en cliquant sur « Sélectionner ». Il est aussi possible de prévisualiser la capture d’écran en cliquant sur le bouton « Avant-première ».
• Une fois que vous avez sélectionné la ou les captures d’écran souhaitées, cliquez sur « Démarrer l’analyse et ajouter à la bibliothèque ».

Filtrez vos captures d’écran dans la bibliothèque

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

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

Utiliser les captures d’écran rétroactives en mode Comparaison

1. Ouvrez le Zoning Analysis et sélectionnez un zoning,
2. Activez le mode Comparaison
3. Cliquez sur « Mes Captures »
4. Une fois la bibliothèque ouverte, sélectionnez la capture 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 ait é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 existante :

• Survolez la capture d’écran sur laquelle vous souhaitez changer l’état de la page. Cliquez sur l’icône « Capturer les éléments interactifs » en forme de souris qui apparaît en haut à droite.

• Cliquez sur la zone dont vous souhaitez changer l’état de la page dans la capture d’écran
• Dans le sélecteur de capture d’écran qui s’ouvre, sélectionnez l’état dynamique que vous souhaitez analyser
• Sélectionnez vos nouvelles captures d’écran et continuez.

Comment capturer une capture d’écran depuis Session Replay

Depuis une session replay, vous pouvez capturer une capture d’écran et l’enregistrer, soit comme un nouveau zoning, soit comme une nouvelle capture à ajouter à une existante :

• Dans Session Replay, sélectionnez la session que vous souhaitez regarder,
• Survolez la chronologie de la session et cliquez sur le bouton caméra (« prendre une nouvelle capture d’écran »).

• Sélectionnez « Enregistrer la capture » dans le panneau latéral qui s’ouvre.

• Enregistrez votre capture d’écran dans un zoning nouveau ou existant :
  • ‘Nouveau Zoning’ : donnez un nom à 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 nouveau.