Le template de Masquage d'Éléments vous permet de masquer sélectivement des éléments ciblés, tels que des données sensibles, personnelles ou d'autres données 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 Sessions Replay.
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/Non-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 le tag de suivi principal de Contentsquare.
- 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.
Utilisation du Masquage d'Éléments et de l'Automasquage / Masquage de Page
Si vous avez une page masquée avec Automasquage / Masquage de Page, et que vous démasquez un élément sur cette page avec un extrait CSTC de Masquage d'Éléments, l'élément sera démasqué si, et seulement si, le template est combiné avec le déclencheur Avant la Vue de Page.
Si l'Automasquage / Masquage de Page est désactivé sur la page, le template de masquage d'éléments fonctionne comme d'habitude, et l'élément sera masqué.
Comment les éléments masqués apparaissent sur votre site dans Contentsquare
- É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 de l'HTML. Une zone grise contenant le texte “Zone cachée” sera affichée à la place de l'élément DOM supprimé.
- Attributs d'élément : L'ensemble de l'attribut est supprimé.
Comment l'utiliser
Ces instructions doivent être utilisées en complément de l'article du Configurateur de Tag Contentsquare, qui comprend des détails sur les prérequis, et d'abord, la création d'extraits.
Étape 1 : Complétez les champs du template suivants
- Masquage d'élément : Tapez les sélecteurs CSS, séparés par des virgules.
-
Masquage d'attribut
- 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 : Tapez les sélecteurs CSS, séparés par des virgules. Ces éléments et leurs éléments enfants seront masqués.
- Ajouter un attribut : ajoutez éventuellement plusieurs attributs selon les besoins.
Note : Exceptions de comportement concernant Interpolation
Si les valeurs interpolées sont non définies à l'exécution, la commande setPiiSelectors sera tout de même déclenchée sans l'expression interpolée
Meilleures pratiques pour garantir un masquage approprié
- Essayez de vous appuyer sur des attributs descriptifs et non génériques autant que possible, 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 chaînage hiérarchique pour accéder à l'élément souhaité, notamment s'il n'a pas d'“id” mais que l'un de ses parents en a un.
- N'hésitez pas à utiliser d'autres attributs descriptifs et uniques lorsqu'ils sont présents.
É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