Le template de démasquage d'éléments 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 Sessions Replay, tout en maintenant le masquage sur vos pages si nécessaire.
Utilisé couramment pour
- Désactiver le masquage sur certains éléments/zones de vos pages lorsque l'Automasking ‘AAAA’ est appliqué, améliorant ainsi votre expérience de lecture 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 démasquage/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/dé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 à jour de manière appropriée vos configurations de masquage (si nécessaire) pour les nouvelles pages web publiées sur votre site.
Utiliser à la fois le masquage d'éléments et l'Automasking / Masquage de page
Si vous avez une page masquée avec l'Automasking / Masquage de page, et que vous démasquez un élément sur cette page avec un extrait de masquage d'éléments CSTC, 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'Automasking / 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 du 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 utiliser le template
Ces instructions doivent être utilisées en complément de l'article sur le 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
- Sélecteurs CSS : entrez des sélecteurs CSS séparés par des virgules.
Note : Ce template ne gère pas les éléments imbriqués. Si le besoin est de démasquer un élément et tous ses enfants, il doit être utilisé avec le sélecteur CSS “*” :
div.capturedElement -> div.capturedElement *
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 une chaîne 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 sont présents.
É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