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.
Le modèle de masquage d'éléments vous permet de masquer sélectivement des éléments ciblés, tels que des informations sensibles, personnelles ou d'autres informations spécifiques, tout en laissant d'autres éléments non masqués. Cela vous aide à prévenir les fuites de données, tout en préservant la visibilité de l'expérience utilisateur lors de l'analyse des Replays de Session.
Prérequis
- Examinez les niveaux de masquage et méthodes disponibles, y compris ce que vous avez déjà en place, et alignez-vous avec votre équipe sur l'approche la plus appropriée.
- Avant de mettre en œuvre le masquage/démasquage d'éléments, vous devrez identifier et lister chaque élément de votre site qui pourrait contenir des données personnelles (y compris toute autre donnée que vous souhaitez masquer). Cela est généralement un processus manuel qui nécessite que vous examiniez attentivement chacune des pages de votre site qui sont suivies par la balise de suivi principale de Contentsquare, ainsi que ses permutations possibles.
- Assurez-vous de prendre en compte et de mettre en œuvre le masquage (si nécessaire) pour les nouvelles pages web et les pages mises à jour publiées sur votre site de manière continue.
- Éléments DOM ciblés : Le contenu textuel et tous les éléments nœuds imbriqués à l'intérieur de l'élément spécifié seront supprimés du HTML. Une boîte grise contenant le texte “Zone cachée” sera affichée à la place des éléments DOM supprimés.
- Attributs d'élément : Seul l'attribut choisi de l'élément cible est supprimé de la page.
Comment l'utiliser
Ces instructions doivent être utilisées en parallèle avec l'article sur le Configurateur de balises Contentsquare, qui comprend des détails sur la création de Snippet de prérequis.
Étape 1 : Complétez les champs du modèle suivant
- Masquage d'éléments : Saisissez vos sélecteurs CSS, séparés par des virgules. Cela devrait généralement couvrir tous vos besoins en matière de masquage.
-
Masquage d'attributs (optionnel et rarement utilisé) :
- Nom de l'attribut : Ici, vous pouvez ajouter des attributs spécifiques de votre sélecteur CSS que vous souhaitez masquer, au cas où vous ne voudriez pas cacher l'élément entier.
- Sélecteur CSS : Saisissez les sélecteurs CSS, séparés par des virgules.
Meilleures pratiques pour garantir un masquage approprié
- Essayez de vous fier autant que possible à des attributs descriptifs et non génériques, tels que les attributs “id” lorsqu'ils existent.
- Rappelez-vous que les classes sont généralement moins fiables, à moins qu'elles ne soient très spécifiques à l'élément en question.
- N'hésitez pas à utiliser un enchaînement hiérarchique pour accéder à l'élément souhaité, notamment s'il n'a pas d'“id” mais qu'un de ses parents en a un.
- N'hésitez pas à utiliser d'autres attributs descriptifs et uniques lorsqu'ils existent.
Étape 2 : Sélectionnez un Déclencheur
Sélectionnez un déclencheur et définissez les conditions qui déclencheront le Snippet.
Déclencheurs disponibles