FAQ sur les données personnelles

Masquage automatique du texte pouvant contenir des données personnelles

Contentsquare offre la possibilité de masquer automatiquement le contenu textuel de toute page de votre site en remplaçant tout le texte par la lettre "A" afin d'éviter les fuites de données. Le masquage automatique n'a pas besoin d'être universel. Lorsque vous implémentez Contentsquare, il est  recommandé d'appliquer le masquage à l'ensemble de votre site, puis de le désactiver pour les pages ou les éléments spécifiques que vous souhaitez voir non masqués. Vous pouvez également choisir de ne masquer que les pages sur lesquelles des données personnelles apparaissent (par exemple, le checkout avec ses pages de paiement et de livraison) et de laisser les autres pages entièrement visibles.

Comment ça marche ?

Pendant l'enregistrement de la session par Session Replay :

• le contenu textuel est masqué, chaque caractère individuel est remplacé par "AAA".
• les caractères des champs de saisie et des champs de mot de passe sont remplacés par "•".
• les caractères des champs numériques sont remplacés par "0".
• les espaces sont conservés.
• les images et les ressources statiques sont conservées.
• la majorité des valeurs d'attributs HTML sont vidées, mis à part "id", "class", "style", "src", "srcset", "href", "rel" et "type".

Avant le masquage automatique	Après le masquage automatique

Activer le masquage automatique

Contactez votre CSM pour activer le masquage automatique à l'aide de l'une ou l'autre des deux méthodes suivantes :

• la mise sur liste noire de pages
  • Cette méthode s'applique si vous souhaitez activer le masquage automatique d'une seule page ou d'un groupe de pages. Il vous faudra indiquer les URL spécifiques que vous souhaitez masquer.
• la mise sur liste blanche de pages
  • Utilisez cette méthode si vous souhaitez activer le masquage automatique sur l'ensemble de votre site web et n'exclure qu'une page ou un groupe de pages spécifique du masquage. Il vous faudra énumérer les URL que vous souhaitez laisser visible.

Activer/désactiver l'automatisation au niveau de la page

Si la session entière de votre site est masquée, vous pouvez désactiver le masquage automatique complet d'une page ou d'un groupe de pages, en définissant les URLs à démasquer. De la même manière, vous pouvez l'activer sur une page ou un groupe de pages seulement, en définissant les URL à masquer. Pour masquer/démasquer des pages, vous avez deux possibilités :

• Définir des regex (contactez votre CSM si vous avez besoin d'aide avec cette méthode)
• Définir des opérateurs (vous pouvez utiliser cette méthode dans l'onglet "Masquage automatique" de la Console - contactez votre CSM en cas de besoin)

Définir des regex

1. Définissez une regex pour les URL qui doivent être démasquées.
2. Rendez-vous dans les Paramètres "⚙️" > Console.
3. Rendez-vous dans l'onglet "Modules & fonctionnalités".
4. Sur la ligne de Session Replay, cliquez sur "Collecte".
5. Activez le masquage automatique des sessions (s'il ne l'est pas déjà).
6. Sélectionnez l'option "Masquer automatiquement toutes les pages sauf".
7. Sélectionnez l'onglet RegEx et cliquez sur "Appliquer".
8. Cliquez sur "Nouvelle règle" et créez votre RegEx.
9. Testez et enregistrez votre RegEx.

Facultatif : Si elle n'est pas déjà activée par défaut, vous pouvez sélectionner l'option "Ignorer la sensibilité au caractère".

Définir des opérateurs

1. 1. Rendez-vous dans les Paramètres "⚙️" > Console.
   2. Rendez-vous dans l'onglet "Masquage automatique".
   3. Activez le masquage automatique des sessions (s'il ne l'est pas déjà).
   4. Sélectionnez l'option "Masquer automatiquement toutes les pages sauf" ou "Démasquer automatiquement toutes les pages sauf".
   5. Sélectionnez l'onglet "Opérateur" et cliquez sur "Appliquer".
   6. Cliquez sur "Nouvelle règle".
   7. Créez votre liste de règle en définissant les opérateurs.

Comment exclure des sections de pages du masquage automatique ?

Si vous choisissez d'utiliser le masquage automatique, il vous est toutefois possible d'en exclure des sections ou des éléments spécifiques de certaines pages.

Contentsquare propose deux méthodes pour y parvenir :

1. Ajouter l'attribut "data-cs-capture" à l'élément parent de la section de la page en question. L'attribut data-cs-capture doit être ajouté comme dans l'exemple ci-dessous.

<divclass="product"data-cs-capture>
 <h2> Title that should not be masked </h2>
<div> Content that should not be masked </div>
</div>

2. Utiliser une commande JavaScript

Chaque élément répertorié doit être identifié par son sélecteur CSS et être ensuite ajouté à la commande setCapturedElementsSelector.

Par exemple, si le HTML que vous souhaitez démasquer ressemble à ceci :

<div class="product" id="captureMe">
 <h2> Title that should not be masked </h2>
<div> Content that should not be masked </div>
</div>

le code suivant le démasquera (l'exemple ci-dessous n'utilise qu'un seul sélecteur CSS, mais vous pouvez en ajouter autant que nécessaire en les séparant par des virgules) :

window._uxa = window._uxa|| ;
window._uxa.push(["setCapturedElementsSelector", ".capture-me, #captureMe"]} ;

Masquage d'éléments spécifiques du site susceptibles de contenir des données à caractère personnel

Outre l'utilisation du masquage automatique (avec ou sans démasquage sélectif de sections spécifiques ou de pages entières), Contentsquare propose une méthode de masquage des données personnelles qui ne nécessite pas de masquage automatique. Cette méthode fonctionne de manière similaire à la méthode de démasquage sélectif décrite ci-dessus, mais elle supprime tous les nœuds de texte et de HTML contenus dans le ou les éléments ciblés, tout en laissant tout le reste visible.

Pour commencer

1. Demandez aux développeurs de votre équipe de vous aider à choisir la méthode de masquage qui convient le mieux à votre site et effectuez le processus de masquage technique décrit dans cet article.

2. Parcourez chaque page qui est suivie par le tag de suivi principal de CS et identifiez et répertoriez chaque élément susceptible de contenir des données personnelles.

3. Choisissez l'une des deux méthodes de masquage des éléments :

• Implémenter une seule ligne de code qui appelle tous les éléments précédemment marqués à des fins de masquage et supprime toute donnée personnelle de vos enregistrements Session Replay.
  • Recommandé pour les sites sur lesquels des éléments individuels ont déjà été taggés comme nécessitant un masquage des données personnelles avec un fournisseur différent, car la ligne unique peut facilement appeler tous les tags existants.

• Marquer individuellement chaque élément contenant des données personnelles avec un attribut "specific-data". Cela supprimera également les données personnelles de vos enregistrements de session.
  • Recommandé pour les sites qui n'ont jamais taggé les éléments contenant des données personnelles.

Comment activer le masquage des éléments ?

Méthode de la ligne de code unique

Voici la ligne de code que votre développeur devra exécuter avant le tag principal de suivi CS.

window._uxa = window._uxa ||[];
window._uxa.push (['setPIISelectors', {PII Object});

Exemple :

Voici un exemple, en contexte (code d'un site web), du fonctionnement de la ligne de code appelant tous les éléments précédemment taggés pour le masquage :

• Ci-dessous, vous pouvez voir que les éléments taggés pour le masquage sont appelés (par la ligne de code présentée ci-dessus) à l'aide de ses sélecteurs CSS, à supprimer les attributs définis (données personnelles) de l'élément.

PIISelectors: [".css-selector, #css-selector"], // DOM elements to be masked 
Attributes: [
      {
          selector: "select#month option, select#year option", // CSS selector
          attrName: 'id' // Attribute name to mask
      },
      {
          selector: ".link-page-7", // CSS selectors 
          attrName: ['href', 'name' ] // Array of attribute names to mask
      }
   ]

Méthode de taggage des éléments

Pour cette méthode, chaque élément sera taggé individuellement avec l'attribut data spécifique : data-cs-mask, directement sur le markup DOM dans votre base de code. Cet attribut supprimera l'élément de votre enregistrement Session Replay.

Exemple :

Markup DOM :

<div class="name" data-cs-mask>
John Doe
<a href= "logout.html">Lougout</a>
</div>

Enregistrement Session Replay :

<div class="name" data-cs-mask></div>

Note : Pour utiliser cette méthode, vous ou vos développeurs devrez être en mesure d'apporter des modifications au DOM de votre site.

Méthode de taggage :

Exemple :

Voici un exemple de ce à quoi ressemblera votre enregistrement de session dans Session Replay si le masquage automatique du texte est activé ('aaaaa' comme décrit ci-dessus) en même temps que le processus de masquage des éléments (comme décrit ci-dessous). Les éléments masqués apparaîtront comme des "zones cachées" grisées.