Résoudre un problème avec 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 vois pas la fenêtre 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’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 les cookies effacés, 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 par 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 supporte-t-il les iFrames ?

Contentsquare supporte 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 supportés, 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 activer 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 manuellement la même zone et 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 les touches ‘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 ‘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'autozoning.

Pourquoi ne puis-je pas exporter/télécharger mon zoning ?

Si l'option Télécharger est absente ou grisée, cela peut être dû au fait que l'option Utiliser les ressources en direct est activée sur votre projet.

Utiliser les ressources en direct est un mécanisme de repli que l'équipe de support peut activer lorsque les captures de zoning d'un projet sont cassées ou incomplètes ; par exemple, en raison d'exigences d'authentification, de restrictions d'adresse IP ou de ressources bloquées sur votre site web. Lorsque cette option est active, l'exportation du zoning (PNG et PDF) n'est pas disponible.

Ce que vous pouvez faire :

Cliquez sur Utiliser les ressources stockées pour désactiver les ressources en direct, et vous devriez voir l'option d'exportation disponible à nouveau. 

Si la capture apparaît cassée ou incomplète, veuillez contacter l'équipe de support pour trouver une solution plus permanente, comme la mise en liste blanche des en-têtes ou des adresses IP de Contentsquare.
 

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 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 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 la cible peuvent également ê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 à la même cible ou qu’un élément du site est associé à deux cibles différentes.

Deux éléments différents du site 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 d’éléments différents 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 qu’une cible soit associée à 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 deviennent associées à cet élément. Cela peut entraîner une variation des données pour un élément du site sur différentes URL (pour la même page).

Solution

Si vous rencontrez ce problème, veuillez envoyer 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’.

Pourquoi ne puis-je pas sélectionner certains éléments dans Zoning ?

Les éléments doivent respecter des exigences de taille pour être sélectionnables : au moins 3px de largeur ou de hauteur, avec une surface minimale de 100.
 

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 vos pages 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 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 contextuelle qui s’ouvre.

Pourquoi certaines zones de mon zoning snapshot n’affichent-elles aucune métrique (0,00 %) ou des métriques inattendues ?

Les captures peuvent ne pas afficher de métriques (0,00 %) ou afficher des métriques inattendues sur certains éléments ou sur 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éments 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 de juin n’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 ?

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

Solution :

Vérifiez la modification de votre 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 la modification tandis que la capture du 2 juin ne peut afficher que les données d’après la modification.

Capture du 22 mai	Capture du 2 juin
Gamme de dates d’analyse : 1-30 mai	Gamme de dates 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 pouvant 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 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">

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 également, 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 à propos de 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 trouver difficile de zoner ce bouton.

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

• Accédez à votre page de paiement checkout 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 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 à propos de votre problème, en incluant :

• Captures d’écran montrant le problème.
• Votre mapping, période et Contexte d'analyse sélectionnés.
• Tout message d'erreur que vous voyez.