Résoudre les problèmes de Zoning Analysis

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

Pourquoi est-ce que je ne reçois pas la fenêtre contextuelle 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’un nouveau Zoning Analysis, 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.

Effacez les cookies de votre site

Si vous avez accepté les cookies sur votre site et que cela ne fonctionne toujours pas, vous pouvez essayer d’effacer les cookies de votre site :

• Accédez à votre site web en direct et ouvrez les outils développeur de Google,
• Cliquez sur l’onglet 'Application' et sélectionnez l’option 'Stockage', 
• Puis cliquez sur 'Effacer les données du site' & actualisez la page.

Une fois que vous avez effacé les cookies, actualisez 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. Vous devriez maintenant voir la barre d’outils Zoning apparaître.

Pourquoi mon Analysis (Zoning/Heatmap) n’apparaît-il pas dans ma liste ?

Si votre Analysis n’apparaît pas dans votre liste enregistrée, c’est probablement parce que vous ne l’avez pas encore enregistré manuellement. Voici ce que vous devez savoir :

Comprendre le nouveau comportement d’enregistrement

Les analyses (Heatmaps & Zonings) ne sont plus enregistrées automatiquement. Vous devez les enregistrer pour qu’elles apparaissent dans votre liste et soient disponibles pour une utilisation future.

Veuillez noter que ce comportement s’applique à toutes les offres sur les projets Web.

Comment résoudre ce problème ?

• Depuis la page Zoning Analysis, cliquez sur l’onglet Zonings non enregistrés - toute analyse que vous n’avez pas enregistrée apparaîtra ici pendant 30 jours.
• Cliquez sur l’analyse pour l’ouvrir.
• Cliquez sur Enregistrer l’analyse pour l’enregistrer. Elle apparaîtra désormais dans votre liste d’analyses enregistrées.

[callout-success] Si l’une de vos Analyses est perdue et que vous ne la trouvez pas malgré son enregistrement, veuillez contacter le Support ou votre CSM.

 Conseils de prévention

• Cliquez toujours sur « Enregistrer l’analyse » avant de fermer votre onglet.
• Faites attention à l’avertissement d’enregistrement lorsque vous tentez de fermer une analyse non enregistrée.
• Vérifiez régulièrement l’onglet Zonings non enregistrés - la colonne Suppression permanente indique le nombre de jours restants avant que chaque analyse non enregistrée soit supprimée définitivement.
• Rappelez-vous : seules les analyses enregistrées apparaissent dans votre liste d’analyses et peuvent être réutilisées.

Remarques importantes

• Les analyses déjà enregistrées auparavant ne sont pas affectées et resteront dans votre liste.
• Les zonings créés pour les tests A/B - y compris ceux créés via des intégrations (Kameleoon, AB Tasty, Optimizely, etc.) - sont automatiquement enregistrés. Les modifications et éditions de ces zonings sont également enregistrées automatiquement.
• Les analyses non enregistrées ne peuvent pas être utilisées en mode Comparer, ni partagées avec d’autres.
• Vous pouvez exporter des données d’une analyse non enregistrée. Cependant, elle n’apparaîtra pas dans votre liste et sera supprimée définitivement après 30 jours.
• Les zonings créés avec Sense Chat nécessitent un enregistrement manuel pour apparaître dans votre liste.
• Les zonings dupliqués ou copiés commencent comme temporaires et nécessitent un enregistrement manuel pour apparaître dans votre liste.
• Les analyses non enregistrées ne peuvent pas avoir d’objectifs, de segments, de widgets de dashboard ou d’Alerts créés à partir d’elles. Enregistrez d’abord votre analyse pour accéder à ces fonctionnalités.

Pourquoi mon zoning ne s’affiche-t-il pas en iFrame ?

Un iFrame est un composant d’un élément HTML qui permet d’intégrer des documents interactifs (images, vidéos, textes, etc.) au sein d’une page. Utiliser 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.

Le Zoning Analysis prend-il en charge les iFrames ?

Contentsquare prend en charge les iFrames dont vous êtes propriétaire dans le Zoning Analysis – mais pas les iFrames tiers (ex : champs de paiement Klarna).

Avec les iFrames dont vous êtes propriétaire, 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. Tandis qu’avec les iFrames tiers, vous n’êtes généralement pas le propriétaire du domaine (par ex. lorsque vous ouvrez la source de l’iFrame dans votre navigateur, le contenu se charge sur une page web, par ex. une vidéo Youtube).

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

• La tag de tracking est présente à la fois dans la fenêtre principale et dans l’iFrame,
• Le flag de fonctionnalité de tracking iFrame est activé (contactez votre CSM pour plus de détails),
• Chaque domaine (fenêtre principale et iFrame) est dans la configuration de la liste des domaines du projet, découvrez comment 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 ». Des info-bulles et du texte indiqueront les iFrames non suivis dans votre capture d’écran, capture en direct ou CS Live.

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

• Le tag doit être mis en œuvre sur la page d'origine de l'iFrame afin que Contentsquare puisse récupérer les données. Si le tag est auto-hébergé, il doit être mis à 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 le même iFrame, veuillez contacter votre CSM pour autoriser l'envoi de pages vues artificielles.
• Le support des iFrames dans Zoning Analysis est activé sur demande. Si vous souhaitez l'activer, veuillez contacter votre CSM.

Pourquoi la même zone affiche-t-elle des données différentes à chaque clic ?

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

Exemple :

Si vous autozonez la zone du menu de la page d'accueil et que Zoning Analysis 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 ‘Flèche haut/bas’ + Entrée et naviguez à l'aide des flèches jusqu'à isoler la zone qui vous intéresse.
• Résolvez le conflit de données en sélectionnant manuellement la zone et en appuyant sur ‘flèche haut/bas’ + Entrée sur la zone à ajuster jusqu'à ce que la zone ne se chevauche plus et affiche le taux de clic de 25 % que vous avez vu lors de l'utilisation de l'autozoning.

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

Contentsquare associe les interactions des utilisateurs, telles que les clics et les survols, aux éléments corrects du site en utilisant des targets. Les targets sont générés pour chaque élément du site en fonction du chemin HTML de cet élément, ce qui les rend uniques.

Ces targets uniques agissent comme un lien entre les données d'interaction utilisateur (par ex. clics) et un élément du site (par ex. une bannière).

Exemple :

• Une bannière a un target généré à partir de son chemin HTML.
• Un utilisateur clique sur cette bannière.
• Le clic et la bannière sont associés via le target.
• Contentsquare affiche des taux de clic 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 leur target peuvent être affectés par ce changement, rompant l'association. Les fonctionnalités Contentsquare qui peuvent être affectées sont celles reposant sur l'interaction sur la page.

Pourquoi ne vois-je pas les mêmes données que mon collègue ?

Parfois, cela peut être dû au fait que deux éléments différents du site sont associés au même target ou qu’un élément du site est associé à deux targets différents.

Deux éléments différents du site associés au même target

Si une page possède plusieurs mises en page et URLs, la position variable des éléments du site, ou la présence de différents éléments du site sur chaque page, peut affecter le HTML. Par exemple, un contenu temporaire (comme une bannière temporaire ou un élément ajouté lors d’un test A/B) peut modifier la mise en page d’une page. Cela peut entraîner l’association d’une cible à 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 différentes. Cela se produit parce que la mise en page de droite a une bannière ajoutée qui affecte son HTML.

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

Si l’ID d’un élément du site change, il peut arriver que deux cibles soient associées à cet élément. Cela peut entraîner une variation des données pour un même élément du site sur différentes URLs (pour la même page).

Solution

Si vous rencontrez ce problème, veuillez soumettre un ticket de support. Vous pouvez également travailler avec votre équipe IT pour créer un identifiant spécifique pour un élément du site en utilisant l’attribut data ‘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 containers ou boîtes séparés dans la ou les pages de votre 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 Zoning. Vous trouverez la liste des Zones dans le panneau latéral de l’interface de zoning :

1. Cliquez sur le bouton ‘Modifier les zones’.
2. Cliquez sur le menu déroulant et sélectionnez ‘Afficher toutes les zones.’
3. Faites défiler jusqu’à voir 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 de nouveau sur ‘Cible de la zone’ pour voir le div dans la fenêtre pop-up qui s’ouvre.

Pourquoi aucune métrique (0,00 %) ou des métriques inattendues s’affichent-elles sur ma capture d’écran de zoning ?

Les captures peuvent afficher aucune métrique (0,00 %) ou des métriques inattendues sur certains éléments ou tous les éléments en raison de modifications apportées à la structure HTML d’une page du site avant ou pendant la période sélectionnée que vous analysez.

Pourquoi un ou plusieurs élément(s) affichent-ils aucune métrique (0,00 %) ?

Une cause très fréquente peut être une modification de la structure HTML de votre page qui a eu lieu avant la période sélectionnée dans votre Contexte d’analyse.

Solution :

Créez une nouvelle capture de votre site en direct à analyser et vérifiez si elle affiche des métriques pour cette période.

Exemple :

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

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

Pourquoi un ou plusieurs éléments affichent-ils des métriques inattendues ?

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

Solution :

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

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 & mappings dans votre analyse ». La capture du 22 mai ne peut afficher que les données d’avant le changement tandis que la capture du 2 juin ne peut afficher que les données d’après le changement.

Capture du 22 mai	Capture du 2 juin
Plage de date d’analyse : 1-30 mai	Plage de date d’analyse : 1-30 mai
Taux de clic : 4,70 % (données collectées avec l’ancien code en direct du 1er au 26 mai)	Taux de clic : 2,63 % (données collectées avec le nouveau code en direct à partir du 26 mai)

IDs dynamiques

Une autre cause profonde possible qui peut expliquer les faibles taux de clic 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 toute la page. Par exemple, un div peut avoir un id statique comme « main-container » sur toutes les pages.

<div id = "main-container">

Avec les IDs dynamiques, cependant, la valeur change en fonction des conditions dans le code Javascript du client, telles que l’ID utilisateur, la version du navigateur, le device ou les tests actifs.

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

Pour plus d’informations sur l’ID, consultez la Documentation technique.

Solutions possibles si vous avez des IDs dynamiques :

• Notre équipe de support peut mettre en œuvre un regex qui correspond à cet ID de div à ignorer, mais à l'avenir, si l’ID de cette div change, la solution ne fonctionnera plus. Cela ne nécessite aucune action de votre part. Nous aurons seulement besoin de savoir quel modèle vous utilisez pour vos IDs dynamiques.
• Vous pouvez retirer 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 des difficultés à zoner ce bouton.

Cela s’explique par le fait qu’Apple Pay est uniquement visible pour les utilisateurs Safari (mobile & web). Suivez ces étapes rapides pour forcer la visibilité du bouton Apple afin que vous puissiez le zoner et consulter les données.

• Accédez à votre page de paiement et ouvrez la console développeur Chrome.
  • Sur PC : F12 ou CTRL+shift+I
  • Sur Mac : CMD+option+I
• Activez la barre d’outils device et simulez une vue iPhone,
• Trouvez la 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 à propos de votre problème, en incluant :

• Des captures d’écran montrant le problème.
• Votre mapping sélectionné, la période et le contexte d’analyse.
• Tout message d’erreur que vous voyez.