Comment utiliser CS Live

Ce que vous analysez et pourquoi c'est important

CS Live vous aide à comprendre comment les utilisateurs interagissent avec des éléments spécifiques sur vos pages—boutons, images, liens, menus de navigation, bannières promotionnelles, formulaires, et plus encore. En visualisant les métriques d'engagement directement sur votre site web, vous pouvez rapidement identifier ce qui fonctionne et ce qui nécessite une optimisation.

Comment utiliser CS Live 

Étape 1 : Lancer CS Live 

1. Assurez-vous d'être connecté à la plateforme Contentsquare.
    
2. Ouvrez une nouvelle fenêtre de navigateur et accédez à la page de votre site web que vous souhaitez analyser.

3. Cliquez sur l'icône de l'extension CS Live dans la barre d'outils de votre navigateur.

   

   Si l'extension CS Live n'est pas visible dans la barre d'outils de votre navigateur, cliquez sur l'icône des extensions, trouvez CS Live dans le menu déroulant, puis cliquez sur 'Épingler' pour l'ajouter à votre barre d'outils.

4. Cliquez sur 'Démarrer l'analyse'. Si vous n'êtes pas connecté à la plateforme Contentsquare, vous verrez 'Se connecter'.

5. Cliquez sur 'Paramètres' puis sur 'Position de CS Live' pour changer la position de CS Live (en haut ou en bas de votre écran).

   

 Étape 2 : Configurez vos paramètres d'analyse

1. Cliquez sur 'Contexte d'analyse' dans le ruban CS Live.

   

2. Ajustez et Appliquez vos paramètres :
   • Gamme de date : Sélectionnez une période avec suffisamment de données.
   • Device : Sélectionnez le device sur lequel vous souhaitez vous concentrer.
   • Segment : Appliquez un segment, pour vous concentrer sur des groupes d’utilisateurs spécifiques. Par ex. Nouveaux utilisateurs, anciens utilisateurs, etc.
      
3. Cliquez sur 'Appliquer'.
    

4. Cliquez sur 'Changer la page à analyser' pour choisir d’analyser cette URL spécifique ou un groupe de pages issu d’un mapping.

   
    

Étape 3 : Créez des zones pour suivre les éléments clés

Une zone est un élément sur votre page que vous suivez—comme un bouton, une image ou un lien. CS Live utilise la structure div de votre site pour définir où les zones peuvent être créées. Le nombre affiché dans chaque zone correspond à la métrique sélectionnée dans le ruban. 

1. Cliquez sur 'Mode Modifier' (l'icône crayon).

   

2. Choisissez le mode de modification. Vous pouvez sélectionner entre :
   • Zones simples : Créez une zone unique ou un groupe de zones non liées. 
   • Zones multiples : Créez un groupe de zones qui sont au même niveau dans le HTML. 
     

3. Survolez les éléments de votre page (un cadre coloré apparaît lorsqu'une zone peut être créée).

   

4. Cliquez sur le cadre coloré pour créer la zone.

   

   Conseil

   Vous pouvez utiliser les flèches de votre clavier pour définir les zones que vous souhaitez créer.

5. Répétez pour tous les éléments que vous souhaitez suivre.

6. Une fois que vous avez créé toutes les zones nécessaires, vous pouvez les enregistrer. En savoir plus sur comment enregistrer vos zones dans cet article.

    

   Conseil

   Pour analyser plusieurs pages, cliquez sur la 'flèche' dans le ruban ou appuyez sur 'CTRL' pour Réduire CS Live et changer de page. Le ruban et les zones seront temporairement masqués. Cliquez de nouveau sur la 'flèche' ou appuyez sur 'CTRL' pour les rouvrir.

   

   
    

Étape 4 : Analyser avec des métriques

Cliquez sur le menu des métriques situé à gauche dans le ruban et sélectionnez la métrique que vous souhaitez appliquer automatiquement à votre analyse. (Vous pouvez changer la métrique que vous analysez à tout moment pendant votre analyse).

Métriques recommandées, expliquées :

En savoir plus sur les métriques dans Contentsquare.

Étape 5 : Comparer la performance

Comparez les métriques de performance de votre contenu sur deux devices, plages de dates et segments différents.

1. Cliquez sur 'Contexte d'analyse'.

   

2. Cliquez sur 'Comparer'.

   

3. Sélectionnez ce que vous souhaitez comparer :
   • Plages de dates (par ex. la semaine dernière vs. cette semaine)
   • Segments (par ex. nouveaux vs. anciens utilisateurs)
   • Devices 
      
4. Cliquez sur 'Appliquer'.
    
5. Vous verrez les métriques avec les variations en pourcentage :
   • Vert (+) : La performance s'est améliorée
   • Rouge (-) : La performance a diminué

Étape 6 : Monitorer les tendances en temps réel

CS Live Trends vous aide à identifier les tendances dans la manière dont les utilisateurs interagissent avec votre contenu en temps réel, vous permettant d'agir rapidement sur votre site. Il fonctionne en utilisant une « fenêtre glissante » pour comparer en continu les métriques de zone de la dernière heure par rapport à l'heure précédente, en se rafraîchissant automatiquement toutes les 1 minute.

Principaux cas d’usage

• Monitorer et réagir aux campagnes sensibles au facteur temps. Par exemple : Vous organisez un grand événement de vente, comme le Black Friday, et souhaitez promouvoir davantage le contenu qui fonctionne bien, ou changer de cap sur le contenu qui ne fonctionne pas.
• Tester un nouveau contenu et réduire le risque. Par exemple : Vous testez un nouveau contenu sur une page à fort trafic et souhaitez voir des résultats instantanés, afin de pouvoir agir avant qu'il n'ait un Impact significatif sur vos KPI.

Aperçu de la fenêtre de comparaison glissante

Couramment utilisée en analyse de données, une fenêtre glissante évalue continuellement les données sur une période définie. Dans ce cas, nous utilisons la fenêtre glissante pour évaluer en continu une période de 60 minutes (par ex. de 13h00 à 14h00). À chaque minute qui passe, la fenêtre d’évaluation se déplace et évalue les 60 minutes suivantes (par ex. de 13h01 à 14h01), ce qui nous permet d’afficher un flux régulier de données entrantes.

Activation des tendances CS Live

1. Cliquez sur le bouton « Live » dans le ruban CS Live.

   

   Le bouton Live deviendra vert et commencera à comparer la performance des zones de la dernière heure à l’heure précédente, pour la date du jour.

2. Survolez les plages de dates pour voir les heures comparées. Vous remarquerez également que les heures dans chaque fenêtre de comparaison se mettent à jour chaque minute.

   

Note : si vous mettez à jour manuellement votre Contexte d'analyse et que la fenêtre de comparaison dépasse 24 heures, la fenêtre glissante avec mises à jour minute par minute est désactivée.

Vous verrez deux chiffres affichés sur chaque zone :

• Votre métrique de référence, selon l’heure la plus récente écoulée
• Le pourcentage de changement de cette métrique par rapport à l’heure précédente. Les fluctuations positives sont affichées avec un symbole « + » mis en évidence en vert
• Les fluctuations négatives sont affichées avec un symbole « - » en rouge

Dans l’exemple ci-dessus, un site e-commerce active le bouton Live à 14h00 pour monitorer une nouvelle bannière sur leur page d'accueil lors d’une vente à durée limitée. Ils voient, grâce à la métrique de zone sur la bannière, qu’elle a eu 9 clics durant l’heure précédente (de 12h00 à 13h00), ce qui représente une baisse de 11,1 % par rapport à l’heure précédente. À chaque minute qui passe, les données sont Actualisées et ils constatent que les chiffres continuent de diminuer, indiquant une Tendance à la baisse. Ils décident donc de Passer à l'action et de changer le contenu avant que cela n’impacte davantage leur vente.

Étape 7 : Changer de mode

1. Cliquez sur le bouton « Passer à ».

   

2. Sélectionnez parmi les modes disponibles :
   • Mode Zoning (par défaut)
   • Mode Session Replay (Seuls les replays d’URL sont disponibles, et non les replays complets de session. Veuillez noter qu’il n’est pas possible de prendre une capture à partir de l’un des replays d’URL).
   • Mode Page Metrics : Visualisez la performance globale de la page en un coup d’œil.
   • Mode Merchandising (uniquement si vous disposez de l’extension Merchandising) Vous permet d’utiliser les mêmes métriques que celles disponibles dans la fonctionnalité Merchandising visuel.
      

FAQ

À lire ensuite

Comment analyser les devices mobiles avec CS Live

Comment dépanner CS Live

Suivez notre Formation CS Live sur Contentsquare University !