Traduit de l'anglais à l'aide de l'IA
Veuillez noter que cet article a été traduit à l'aide de la technologie IA. Bien que nous travaillions à maintenir l'exactitude, certains détails peuvent ne pas refléter parfaitement le texte original. Si vous avez des doutes sur une information, veuillez vous référer à la version anglaise.
Les captures peuvent ne pas afficher de métriques (0,00 %) ou afficher 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 sélectionnée que vous analysez.
Pourquoi y a-t-il un ou plusieurs élément(s) n'affichant aucune métrique (0,00 %) ?
Un changement dans la structure HTML de la page
Une cause profonde très courante peut être un changement dans 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 voyez si elle affiche des métriques pour cette période.
Exemple : Une ancienne capture de juin n'affiche aucune métrique (0,00 %) pour la période du 1er au 31 octobre en raison d'une mise à jour de code, tandis que la nouvelle capture peut afficher des métriques pour cette période.
Remarque : 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ément(s) 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 : Suivez les instructions ci-dessous pour 'Comment vérifier les changements de structure HTML' afin de confirmer que la métrique inattendue est due à une mise à jour de code et non à un comportement inattendu de l'utilisateur.
Exemple : Les mises à jour apportées à la page Expert de Contentsquare 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 des pages et des mappings dans votre analyse'. La capture du 22 mai ne peut afficher que des données d'avant le changement, tandis que la capture du 2 juin ne peut afficher que des données d'après le changement.
Capture du 22 mai | Capture du 2 juin |
Plage de dates d'analyse : 1-30 mai | Plage de dates d'analyse : 1-30 mai |
Taux de clic : 4,70 % (données collectées en utilisant l'ancien code en direct du 1 au 26 mai) | Taux de clic : 2,63 % (données collectées en utilisant le nouveau code en direct à partir du 26 mai) |
Comment vérifier les changements de structure HTML
1. Sélectionnez 'Je veux analyser la version actuelle de mon site web' et 'Analyser une seule URL' , puis copiez-collez l'URL que vous vérifiez pour les changements HTML et cliquez sur 'C'est parti'
2. Sélectionnez une capture plus ancienne, puis cliquez sur le menu hamburger pour afficher la liste des Zones et vérifiez la zone cible (div) en cliquant sur le menu voir plus d'options '...'
3. Cliquez sur le bouton 'Captures' et sélectionnez la capture plus récente de votre site, puis répétez l'étape 2 pour la même zone et comparez les Zones cibles pour voir si la structure HTML a changé.
Dans cet exemple, la structure HTML a changé :
IDs dynamiques
Une autre cause profonde possible qui peut expliquer les faibles taux de clic est l'utilisation d'IDs dynamiques.
En HTML, l'ID est un attribut qui est utilisé pour contenir un élément spécifique de la page en utilisant une valeur unique.
La valeur doit être unique, étant ainsi utilisée uniquement pour un élément sur toute la page.
Par exemple, l'ID du div reste statique en tant que “main-container“ sur toutes les pages.
<div id = ”main-container”>
Cependant, avec les ID Dynamiques, la valeur de l'ID change en fonction des conditions définies dans le code JavaScript du client. La valeur peut changer par exemple selon l'ID utilisateur, la version du navigateur, le device, ou un test en cours.
Nous total les données par le chemin de chaque élément. Nous calculons la position dans le DOM d'un élément avec lequel un utilisateur a eu une interaction grâce à un attribut ID unique et la position de l'élément.
La position est déterminée à partir du 1er ID en grimpant dans l'arbre DOM depuis l'élément ciblé. Lorsque l'ID de l'élément change entre les pages, le chemin des éléments ne restera pas le même, montrant ainsi des données différentes ou aucune donnée, causant Confusion et empêchant l'utilisateur d'obtenir les bonnes données.
Comment vérifier s'il y a des ID Dynamiques sur la page
- Entrez sur le site en direct sur Chrome.
- Cliquez sur F12 (pour Windows) ou⌘CMD + Option +I (pour Mac), pour ouvrir les Outils de Développement.
- Cliquez sur ‘Inspecter’ et localisez l'ID de l'élément référencé.
- Vérifiez si l'ID de l'élément contient une série de chiffres, par exemple, “products422” ou “container213”
Remarque : Si vous avez besoin d'un moyen de distinguer un bloc des autres, vous avez la possibilité d'attribuer un ID, qui sera ensuite utilisé par notre mécanisme d'événements de suivi. En savoir plus dans notre guide technique.
Solutions possibles si vous avez des ID dynamiques :
-
Notre équipe de support peut mettre en œuvre une regex qui correspond à cet ID div à ignorer, mais si à l'avenir, l'ID de ce div change, alors la solution sera rompue. Il ne nécessite pas d'action de votre part. Nous aurons seulement besoin de savoir quel modèle vous utilisez pour vos ID dynamiques.
- Vous pouvez retirer les ID dynamiques de ces éléments - Cela nécessite une action de votre part.
- Vous pouvez utiliser une série de 4 chiffres dans vos ID dynamiques. Nous ignorons automatiquement les ID comportant 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.
FAQ
Pourquoi, dans certains cas, seuls certains éléments du site sont impactés mais pas d'autres ?
- Tous les éléments du site ne sont pas impactés, seulement ceux dont les zones cibles (divs) changent en raison de modifications apportées à la structure HTML (développez ci-dessous pour plus de détails).
Structure HTML, zones cibles et attribution des données
Si la structure HTML de votre site change, le chemin HTML d'un ou plusieurs éléments et donc zone cible (<div> tag utilisé comme container pour les éléments HTML) peut également être affecté par ce changement.
Contentsquare utilise des zones cibles pour attribuer correctement les données à un élément de site dans l'analyse de zoning. Voici la zone cible pour une chaussure particulière sur une PLP, montrée dans l'exemple ci-dessous :
div#products>article:eq(1)>a:eq(0)>img:eq(0)
Illustré à gauche, vous pouvez voir comment la structure HTML de la page du site est liée à la zone cible. Par conséquent, les modifications apportées au code de cette page qui perturbent la position de l'élément du site dans la structure HTML globale peuvent potentiellement changer une zone cible (div) malgré l'absence de modifications visibles évidentes apportées à l'élément du site.
Pourquoi l'élément du site ne peut-il pas afficher des données agrégées de plusieurs versions du site dans l'analyse de zoning ?
- L'élément du site d'une capture ne peut pas afficher des données à la fois de son ancienne zone cible et de sa nouvelle zone cible de manière agrégée. Il ne peut générer des métriques qu'à partir des données collectées et attribuées à l'élément en utilisant la zone cible qui était active sur votre site lorsque la capture a été créée.
Quand mon analyse sera-t-elle impactée ?
- Votre analyse ne sera impactée que lorsque la Date à laquelle la structure HTML/ zone cible a changé est incluse dans la gamme de données que vous souhaitez analyser (comme dans le premier exemple donné ci-dessus) ou vous analysez une capture qui ne peut afficher aucune métrique pour la période que vous souhaitez analyser en raison d'une mise à jour de code qui a eu lieu avant la période sélectionnée (le deuxième exemple donné ci-dessus).
Dois-je ajouter un ID à tous les éléments de mon site ? Sur quels blocs devrais-je les mettre en œuvre ? zones parent + enfant ? juste les zones parent ?
- Notre outil parcourt la chaîne parent d'un élément dans la page pour localiser le premier marqueur avec un ID. Si le marqueur n'a pas été ignoré, il est pris en compte. Si aucun ID n'est trouvé dans la chaîne parent, l'outil remonte jusqu'au tag. Ensuite, il compte la position du tag parmi les marqueurs identiques en redescendant.
Il est recommandé d'utiliser l'attribut ID lorsqu'il y a un élément unique sur la page qui nécessite un style. Il est important de noter que les IDs doivent être uniques. Utiliser un ID peut être le choix approprié, étant donné qu'il y aura probablement seulement un div "principal" sur la page. Quelques exemples d'IDs incluent : main-content, header, footer, ou left-sidebar.
Vous pouvez distinguer les IDs, en donnant à un ID un nom unique ou en mettant en œuvre l'attribut data-cs-override-id. Vous pouvez en savoir plus à ce sujet dans notre guide technique.Remarque : Visitez notre guide technique pour en savoir plus sur la façon dont notre outil cible les éléments HTML.