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 Masking vous permet de masquer sélectivement des éléments ciblés, tels que des informations sensibles, personnelles ou 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 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 Masking/Unmasking, vous devrez identifier et lister chaque élément de votre site pouvant contenir des données personnelles (y compris toute autre donnée que vous souhaitez masquer). Il s’agit généralement d’un processus manuel qui nécessite de passer en revue attentivement chacune des pages de votre site suivies par le tag principal de tracking Contentsquare, ainsi que ses permutations possibles.
- Assurez-vous de prendre en compte et de mettre en œuvre le masquage (selon les besoins) 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 nœuds imbriqués à l’intérieur de l’élément spécifié seront retirés du HTML. Une boîte grise contenant le texte « Zone cachée » sera affichée à la place de l’élément(s) DOM retiré(s).
- Attributs d’élément : Seul l’attribut choisi de l’élément cible est retiré de la page.
Comment l’utiliser
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 pour la création du Snippet.
Étape 1 : Complétez les champs du template suivants
- Masquage d’élément : Saisissez votre ou vos sélecteurs CSS, séparés par des virgules. Cela devrait généralement couvrir tous vos besoins de masquage.
-
Masquage d’attribut (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 le ou les sélecteurs CSS, séparés par des virgules.
Bonnes pratiques pour assurer un 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.
- N’oubliez pas que les classes sont généralement moins fiables, sauf si elles sont très spécifiques à l’élément concerné.
- N’hésitez pas à utiliser le chaînage hiérarchique pour accéder à l’élément souhaité, 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 existent.
Étape 2 : Sélectionner un déclencheur
Sélectionnez un déclencheur et définissez les conditions qui déclencheront le Snippet.
Déclencheurs disponibles
Tutoriel vidéo
Masquage Webview
Applications mobiles
Le masquage WebView applique le masquage d’éléments CSTC aux pages web chargées à l’intérieur d’un WebView mobile. Il est disponible pour tous les clients mobiles existants qui disposent de WebViews, sans mise à niveau du SDK requise. Vous pouvez commencer à l’utiliser immédiatement sur une base opt-in.
Deux éléments doivent déjà être en place pour que le masquage WebView fonctionne :
- Votre SDK mobile a enregistré le WebView en utilisant
CSQ.registerWebView(), ou l’intégration équivalente pour Flutter ou React Native. - Le tag de Contentsquare est déployé en mode WebView sur les pages web chargées à l’intérieur du WebView.