Utilisez l'outil de développement sur votre site pour analyser un device mobile avec CS Live. L'outil de développement assurera que toutes les zones apparaissent bien à l'écran telles qu'elles apparaissent pour un utilisateur sur mobile.
Instructions d'utilisation
1. Ouvrez l'outil de développement, soit en cliquant droit sur votre page et en sélectionnant "Inspecter" dans le menu qui s'ouvre…
... soit en vous servant des raccourcis clavier suivants :
Besoin d'aide pour placer votre barre de contrôle à droite ?
|
Cliquez droit sur votre page et sélectionnez "Inspecter". Cliquez sur le menu des options supplémentaires, situé à droite dans le menu de l'outil de développement. Puis, dans le menu qui s'ouvre, trouvez la section "Côté de la barre de contrôle" et sélectionnez l'icône représentant le côté droit. |
2. Accédez à CS Live dans l'outil de développement depuis le menu supérieur.
Je ne vois pas CS Live dans le menu
|
Si l'onglet CS Live n'apparaît pas, utilisez les flèches dans le menu pour afficher davantage d'options. Lorsque vous trouverez l'onglet de CS Live, vous pourrez le déplacer vers l'avant du menu de votre outil de développement : 1. Cliquez sur l'onglet et maintenez la pression. 2. Faites-le glisser vers l'avant du menu. 3. Lâchez le bouton. |
L'interface devrait maintenant être visible dans l'outil de développement. Dans le cas où vous ne seriez pas encore connecté à votre compte, un pop-up apparaîtra et vous demandera de vous connecter. Une fois que ce sera fait, l'interface apparaîtra.
3. Définissez votre Contexte d'analyse en haut de l'outil de développement. Sélectionnez la période et le segment de votre choix. Le device, lui, sera configuré sur mobile par défaut.
- N'oubliez pas de cliquer sur l'icône du device dans le coin supérieur gauche de votre outil de développement pour ajuster la taille de l'interface à l'écran d'un mobile.
Plus d'informations sur la configuration du Contexte d'analyse
Définir le segment1. Cliquez sur l'icône segment (représenté par des silhouettes) dans le Contexte d'analyse, qui se trouve en haut de votre outil de développement. 2. Sélectionnez "segment" comme condition du premier menu déroulant. 3. Choisissez si le segment doit correspondre ou ne pas correspondre dans le second menu. 4. Définissez la condition de votre segment dans le troisième menu (par exemple : "Sessions avec rebonds"). 5. Choisissez si vous voulez ajouter d'autres conditions, puis cliquez sur "Appliquer" ou sur "Enregistrer comme nouveau segment". 6. Tous les segments que vous enregistrerez dans CS Live seront également accessibles depuis l'application.
Définir la période1. Cliquez sur l'icône calendrier dans le Contexte d'analyse. 2. Sélectionnez une date de début et une date de fin pour votre période, ou utilisez les CTA de dates prédéfinies sur la droite du calendrier. 3. Cliquez sur "Appliquer".
Sélectionner le deviceLe device sera configuré comme mobile par défaut. Dans le Contexte d'analyse, vous pouvez néanmoins choisir entre analyser un mobile ou une tablette. |
4. Sélectionnez une métrique depuis le menu déroulant des métriques. Vous pouvez changer de métrique autant de fois que vous le souhaitez pendant votre analyse.
5. Visualisez les données en créant des zones. Les zones sont des cases de données colorées dans lesquelles les résultats des métriques des différents contenus de votre page apparaissent.
Créer et supprimer des zones
Pour créer ou modifier des zones, vous devez activer le mode d'édition. Vous pouvez soit créer vos zones une par une, soit en créer plusieurs à la fois à l'aide du mode de création multi-zones.
Créer une zone
1. Cliquez sur l'icône "Zone" et sélectionnez l'option "Zone unique".
2. Survolez le contenu sur lequel vous souhaitez créer une zone. Un cadre coloré apparaîtra autour de l'élément (à condition qu'une zone puisse y être créée).
3. Cliquez à l'intérieur du cadre du contenu que vous voulez analyser.
4. Une case de couleur apparaît alors sur le contenu : votre zone est créée.
Créer plusieurs zones
1. Cliquez sur l'icône "Zone" et sélectionnez l'option "Multi-zones".
2. Survolez le contenu sur lequel vous souhaitez créer des zones.
3. Plusieurs cadres devraient apparaître autour des contenus sur lesquelles des zones peuvent être créées.
4. Cliquez à l'intérieur de l'un de ces cadres.
5. Des cases de couleurs apparaissent sur les différents éléments.
Vous pouvez également vous servir des flèches de votre clavier pour sélectionner les zones que vous voulez créer.
Supprimer une zone
1. Naviguez jusqu'à la zone que vous souhaitez supprimer.
2. Cliquez sur la croix / l'icône œil dans le coin supérieur droit de la zone.
Supprimer toutes les zones
1. Ouvrez le menu des options supplémentaires dans le menu de création de zones.
2. Sélectionnez l'option "Supprimer toutes les zones".
Utiliser différents modes
Poussez votre analyse plus avant en passant à un mode différent. Choisissez entre les modes Zoning, Merchandising (uniquement pour les utilisateurs de Merchandising), Métriques de pages et Session Replay.
Accédez aux différents modes en cliquant sur l'icône "Mode" et en sélectionnant celui de votre choix dans le menu déroulant dans l'outil de développement :
Mode Zoning
- Mode par défaut : dans ce mode, les mêmes métriques que dans le module Données de zones de l'application CS sont disponibles.
Mode Métriques de pages
Le mode Métriques de pages vous donne un aperçu des métriques de pages spécifiques, telles que le taux de rebonds et le taux de conversion.
Mode Merchandising
- Vous permet d'utiliser les mêmes métriques que dans la fonctionnalité de Merchandising Visuel.
Mode Session Replay
- Vous permet de visionner des replays d'URL directement depuis Session Replay. Les replays qui s'afficheront correspondront à votre Contexte d'analyse.