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 un doute sur une information, veuillez vous référer à la version anglaise.
Le template Element Unmasking vous permet de démasquer sélectivement des éléments ciblés, ou des sections d’une page, tout en laissant d’autres éléments masqués. Cela vous aide à améliorer la visibilité de l’expérience utilisateur lors de l’analyse des Session Replays, tout en maintenant le masquage sur vos pages selon les besoins.
Utilisé couramment pour
- Désactiver le masquage sur certains éléments/zones de vos pages lorsque le masquage automatique ‘aaaa’ est appliqué, améliorant ainsi votre expérience de lecture des Session Replays.
Prérequis
- Passez en revue les niveaux de masquage et méthodes disponibles, y compris ce que vous avez ou n’avez pas déjà en place, et alignez-vous avec votre équipe sur l’approche la plus appropriée.
- Avant de mettre en œuvre Element Unmasking, assurez-vous qu’aucun des éléments que vous souhaitez démasquer ne contient de données personnelles (y compris toute autre donnée que vous souhaitez masquer).
Comment utiliser le template
Ces instructions doivent être utilisées conjointement avec l’article sur le configurateur de tag Contentsquare, qui inclut des détails sur les prérequis et la création du Snippet.
Important
Chaque exécution du template Element Unmasking remplace la liste complète des sélecteurs démasqués définie par toute exécution précédente. Cela signifie que si vous configurez plusieurs snippets CSTC en utilisant ce template, le dernier à s’exécuter écrasera tous les précédents.
Exemple :
- Le Snippet A démasque .elementA
- Le Snippet B démasque .elementB
Lorsque les deux s’exécutent, l’exécution du Snippet B écrasera celle du Snippet A. En conséquence, .elementA sera à nouveau masqué — seul .elementB restera démasqué.
Recommandation : Utilisez un seul snippet Element Unmasking qui consolide tous vos sélecteurs CSS, plutôt que plusieurs snippets séparés. Cette approche est sûre tant que vous êtes certain que tous les sélecteurs qu’il contient pointent exclusivement vers des champs non PII.
Étape 1 : Complétez les champs suivants du template
- Sélecteurs CSS : saisissez des sélecteurs CSS séparés par des virgules.
Bonnes pratiques pour assurer un démasquage correct
- Essayez de vous appuyer autant que possible sur des attributs descriptifs et non génériques, tels que les attributs “id” lorsqu’ils existent.
- Soyez très spécifique avec vos sélecteurs CSS pour éviter de démasquer par erreur des zones que vous ne souhaitiez pas. Essayez de ne pas vous appuyer sur des classes à moins qu’elles ne soient très descriptives et spécifiques à la section en question.
- N’hésitez pas à utiliser le chaînage hiérarchique pour accéder à l’élément désiré, notamment s’il n’a pas d’“id” mais qu’un de ses parents en possède un.
- N’hésitez pas à utiliser d’autres attributs descriptifs et uniques lorsqu’ils sont présents.
- Il est recommandé de limiter votre déclencheur à des URL spécifiques pour éviter de démasquer quelque chose ailleurs involontairement.
Étape 2 : Sélectionner un déclencheur
Sélectionnez un déclencheur et définissez les conditions qui activeront le Snippet.
Déclencheurs disponibles