Dépannage de l'analyse de zonage

Cet article vous aidera à résoudre la plupart des problèmes courants rencontrés avec l'Analyse de Zoning.

Pourquoi je ne reçois pas le pop-up pour créer un Zoning ?

Si vous rencontrez des difficultés avec la barre d'outils de capture d'écran qui n'apparaît pas lors de la création d'une nouvelle Analyse de Zoning, cela est probablement dû à un problème d'acceptation des cookies. Pour résoudre ce problème, assurez-vous d'accepter les cookies sur votre site web en direct.

Effacer les cookies de votre site

Si vous avez accepté les cookies sur votre site et que cela ne fonctionne toujours pas, vous voudrez peut-être effacer les cookies de votre site :

• Naviguez vers votre site web en direct et ouvrez les outils de développement Google,
• Appuyez sur l'onglet 'Application' et sélectionnez 'Option de stockage',
• Ensuite, cliquez sur 'Effacer les données du site' & rafraîchissez la page.

Une fois que vous avez effacé les cookies, rafraîchissez la page, vous devriez maintenant voir la bannière d'acceptation des cookies apparaître sur votre site web. Acceptez les cookies.

Après avoir accepté les cookies, revenez et créez un nouveau Zoning à nouveau. Vous devriez maintenant voir la barre d'outils de Zoning apparaître.

Pourquoi mon Zoning n'affiche-t-il pas l'iFrame ?

Un iFrame est un composant d'un élément HTML qui permet d'incorporer des documents interactifs (images, vidéos, textes, etc.) dans une page. L'utilisation d'un iFrame vous permet d'intégrer du contenu provenant d'autres sources n'importe où dans votre page sans avoir à les inclure dans la structure de votre site web.

L'Analyse de Zoning prend-elle en charge les iFrames ?

Contentsquare prend en charge les iFrames qui vous appartiennent dans l'Analyse de Zoning – mais pas les iFrames tiers (ex : champs de paiement Klarna).

Avec les iFrames qui vous appartiennent, le contenu est hébergé sur le même domaine, ou un sous-domaine que la page dans laquelle il est intégré. Vous êtes le propriétaire de vos iFrames. En revanche, avec les iFrames tiers, vous n'êtes généralement pas le propriétaire du domaine (par exemple, lorsque vous ouvrez la source de l'iFrame dans votre navigateur, le contenu se charge sur une page web, par exemple, une vidéo Youtube).

Cependant, les données des iFrames tiers peuvent être capturées dans les cas suivants :

• Le tag de suivi est présent à la fois dans la fenêtre principale et dans l'iFrame,
• Le drapeau de fonctionnalité de suivi des iFrames est activé (contactez votre CSM pour plus de détails),
• Chaque domaine (fenêtre principale et iFrame) est dans la liste de configuration des domaines du projet, apprenez à ajouter le tag CS en utilisant ces instructions.

Si vos iFrames ne sont pas pris en charge, votre capture d'écran affichera une zone grisée avec le texte ‘iFrame : cette zone ne peut pas être collectée’. Les infobulles et le texte indiqueront les iFrames non suivis dans votre capture d'écran, capture en direct ou CS Live.

Y a-t-il des prérequis pour afficher les iFrames sur les zonings ?

• La balise doit être implémentée sur la page d'origine de l'iFrame afin que Contentsquare puisse récupérer des données. Si la balise est auto-hébergée, elle doit être mise à jour.
• L'extension CS Live doit être installée car nous l'utilisons pour la sérialisation afin de collecter les données des iFrames. (Remarque : si vous n'avez pas encore installé CS Live, veuillez contacter votre CSM).
• Si plusieurs pages sont contenues dans les mêmes iFrames, veuillez contacter votre CSM pour activer l'envoi de pages vues artificielles.
• Le support des iFrames dans l'Analyse de Zoning est activé sur demande. Si vous êtes intéressé par son activation, veuillez contacter votre CSM.

Pourquoi la même zone affiche-t-elle des données différentes chaque fois que je clique ?

Lors de la création d'une Analyse de Zoning, vous pouvez parfois remarquer que la même zone affiche des données différentes chaque fois que vous cliquez dessus. Cela se produit lorsque la zone a un élément parent et un élément enfant qui se chevauchent.

Exemple :

Si vous autozonez sur la zone du menu de la page d'accueil et que l'Analyse de Zoning affiche un taux de clic de 25 %, puis que vous sélectionnez la zone manuelle sur la même zone mais voyez un taux de clic de 32 % sur votre menu de la page d'accueil.

Comment obtenir les données de zoning correctes ?

• Naviguez entre les zones parent et enfant en appuyant sur la touche ‘Haut/bas’ + Entrée et naviguez à l'aide des flèches jusqu'à ce que vous isoliez la zone qui vous intéresse.
• Résolvez les données conflictuelles en sélectionnant manuellement la zone et en appuyant sur la touche ‘haut/bas’ + Entrée sur la zone pour ajuster jusqu'à ce que la zone ne se chevauche pas et affiche le taux de clic de 25 % que vous avez vu lors de l'utilisation de l'auto-zoning.

Pourquoi vois-je des données différentes de celles de mon coéquipier sur le même contenu ?

Contentsquare associe les interactions des utilisateurs, telles que les clics et les survols, avec les bons éléments du site à l'aide de cibles. Les cibles sont générées pour chaque élément du site en fonction du chemin HTML de cet élément, rendant chacune unique.

Ces cibles uniques agissent comme un lien entre les données d'interaction des utilisateurs (par exemple, les clics) et un élément du site (par exemple, une bannière).

Exemple :

• Une bannière a une cible générée à partir de son chemin HTML.
• Un utilisateur clique sur cette bannière.
• Le clic et la bannière sont associés via la cible.
• Contentsquare affiche des taux de clics précis pour la bannière.

Si le code HTML de votre site change, le chemin HTML d'un ou plusieurs éléments et donc la cible peuvent également être affectés par ce changement, rompant l'association. Les fonctionnalités de Contentsquare qui peuvent être affectées sont celles qui dépendent de l'interaction sur la page.

Pourquoi ne vois-je pas les mêmes données que mon coéquipier ?

Parfois, cela peut être dû à deux éléments de site différents associés à la même cible ou à ce qu'un élément de site est associé à deux cibles différentes.

Deux éléments de site différents associés à la même cible

Si une page a plusieurs mises en page et URL, la position variable des éléments du site, ou la présence de différents éléments du site sur chaque page, peut affecter l'HTML. Par exemple, un contenu temporaire (tel qu'une bannière temporaire ou un élément ajouté lors d'un test A/B) peut altérer la mise en page d'une page. Cela peut entraîner l'association d'une cible avec deux éléments différents.

Cependant, dans la majorité des cas, Contentsquare affiche les données correctes lorsque du contenu temporaire est présent.

Une cible est associée à deux éléments différents sur deux mises en page de page différentes. Cela se produit parce que la bonne mise en page a une bannière ajoutée qui affecte son HTML.

Un élément de site est associé à deux cibles différentes

Si l'ID d'un élément de site change, il peut arriver que deux cibles deviennent associées à cet élément. Cela peut entraîner des variations de données pour un élément de site sur différentes URL (pour la même page).

L'ID de la bannière a changé, ce qui a entraîné l'association de deux cibles avec la même bannière.

Solution

Si vous rencontrez ce problème, veuillez soumettre un ticket de support. Ou vous pouvez également travailler avec votre équipe informatique pour créer un identifiant spécifique pour un élément de site en utilisant l'attribut de données ‘data-cs-override-id’.

Comment trouver la cible div d'une zone et zoner un select div?

Un div est un élément de niveau bloc qui crée un saut de ligne pour former des conteneurs ou des boîtes séparés au sein de votre page de site. Vous pouvez voir quelle partie de la structure div de votre site une zone cible en utilisant la liste des Zones de l'analyse de zonage. Vous trouverez la liste des Zones dans le panneau latéral de l'interface de zonage :

1. Cliquez sur le bouton ‘Modifier les zones’,
2. Cliquez sur le menu déroulant et sélectionnez ‘Voir toutes les zones’
3. Faites défiler jusqu'à ce que vous voyiez le nom de la zone dont vous souhaitez vérifier la cible,
4. Cliquez sur le bouton de menu à droite du nom de la zone, puis cliquez à nouveau sur ‘Cible de la zone’ pour voir le div dans la fenêtre contextuelle qui s'ouvre.

Pourquoi n'y a-t-il pas de métriques (0,00 %) ou des métriques inattendues affichées sur ma capture d'écran de zonage ?

Les instantanés peuvent ne pas afficher de métriques (0,00 %) ou des métriques inattendues sur des éléments spécifiques ou tous les éléments en raison de modifications apportées à la structure HTML d'une page de site avant ou pendant une période de temps sélectionnée que vous analysez.

Pourquoi y a-t-il un ou plusieurs élément(s) n'affichant pas de métriques (0,00 %) ?

Une cause très courante peut être un changement dans la structure HTML de votre page qui a eu lieu avant la période de temps sélectionnée dans votre Contexte d'Analyse.

Solution :

Créez une nouvelle capture d'écran de votre site en direct à analyser et voyez si elle affiche des métriques pour cette période de temps.

Exemple :

Une ancienne capture d'écran de juin n'affiche pas de métriques (0,00 %) pour le mois d'octobre en raison d'une mise à jour de code, tandis que la nouvelle capture d'écran peut afficher des métriques pour cette période de temps.

Vérifiez la période de temps choisie dans le Contexte d'Analyse. Le tag Contentsquare a-t-il été placé pendant les dates sélectionnées dans le Contexte d'Analyse ?

Pourquoi un ou plusieurs élément(s) affichent des métriques inattendues ?

Un changement dans la structure HTML de votre page a eu lieu pendant la période de temps sélectionnée dans votre Contexte d'Analyse.

Solution :

Vérifiez votre changement de structure HTML pour confirmer si la métrique inattendue est due à une mise à jour de code et non à un comportement utilisateur inattendu.

Exemple :

Les mises à jour apportées à la page Contentsquare Expert ont été mises en œuvre le 26 mai et ont modifié la structure HTML, ce qui a impacté uniquement l'élément de zone ‘Utiliser les pages et les mappages dans votre analyse’. La capture d'écran du 22 mai ne peut afficher que des données d'avant le changement, tandis que la capture d'écran du 2 juin ne peut afficher que des données d'après le changement.

IDs dynamiques

Une autre cause possible qui peut expliquer les faibles taux de clics est l'utilisation d'IDs dynamiques.

En HTML, l'attribut ID identifie de manière unique un élément sur une page. Cette valeur doit être unique sur l'ensemble de la page. Par exemple, un div peut avoir un id statique comme 'main-container' sur toutes les pages.

<div id = "main-container">

Cependant, avec les IDs dynamiques, la valeur change en fonction des conditions dans le code Javascript du client, telles que l'ID utilisateur, la version du navigateur, l'appareil ou les tests actifs.

Nous agrégons les données par chemin d'élément, calculant les positions d'interaction en utilisant l'attribut ID unique. Cette position est déterminée à partir du premier ID rencontré lors de la montée dans l'arbre DOM à partir de l'élément ciblé. Lorsque l'ID d'un élément change entre les pages, le chemin change également, ce qui entraîne des données incohérentes ou manquantes qui confondent les utilisateurs et empêchent une collecte de données précise.

Pour plus d'informations sur l'id, consultez les Docs Techniques.

Solutions possibles si vous avez des IDs dynamiques :

• Notre équipe de support peut mettre en œuvre une regex qui correspond à cet id de div à ignorer, mais à l'avenir, si l'id de ce div change, alors la solution sera rompue. Cela ne nécessite pas d'action de votre part. Nous aurons seulement besoin de savoir quel modèle vous utilisez pour vos IDs dynamiques.
• Vous pouvez supprimer les IDs dynamiques de ces éléments – cela nécessite une action de votre part.
• Vous pouvez utiliser une série de 4 chiffres dans vos IDs dynamiques. Nous ignorons automatiquement les IDs avec plus de 4 chiffres consécutifs – cela nécessite une action de votre part.
• Pour ignorer ou remplacer un id, vous pouvez mettre en œuvre l'attribut data-cs-override-id – cela nécessite une action de votre part. Vous pouvez en savoir plus à ce sujet dans notre guide technique.

Comment zoner l'option de paiement Apple Pay ?

Si vous avez Apple Pay comme option de paiement sur votre site, vous pouvez avoir du mal à zoner ce bouton.

Cela est dû au fait qu'Apple Pay n'est visible que pour les utilisateurs de Safari (mobile et web). Suivez ces étapes rapides pour forcer la visibilité du bouton Apple afin que vous puissiez le zoner et voir les données.

• Naviguez vers votre page de paiement et ouvrez la console de développement Chrome.
• • Sur PC : F12 ou CTRL+shift+I
  • Sur Mac : CMD+option+I
• Activez la barre d'outils des appareils et simulez une vue iPhone,
• Trouvez le div Apple Pay dans l'élément du site,
• Désactivez la case ‘display: none’ dans la section Styles ci-dessous.

Toujours bloqué ?

Si vous rencontrez toujours des problèmes pour créer une nouvelle Zoning Analysis après avoir essayé l'une des solutions présentées dans l'article, veuillez contacter notre équipe de Support.