1. Centre d'Aide
  2. Rapport de conformité

Comment trouver le CSS selector pour votre rapport de conformité

Quand vous lancez un audit de votre site web pour obtenir un rapport de conformité, vous avez la possibilité d'utiliser un CSS selector. Cela vous permet d'avoir les résultats en fonction d'un clic sur un élément de votre site : le bouton "Accepter" ou "Refuser" d'une notice de consentement, par exemple.   

Ce guide vous expliquera les étapes à suivre pour trouver le CSS selector :

1- Trouver le CSS selector sur le navigateur

  • Ouvrez un navigateur, par exemple Google Chrome, et accédez à votre site web.
  • Ensuite, cliquez sur l'écran avec le bouton droit et cliquez sur "Inspecter" dans le menu qui apparaît. 

  • Cliquez sur l'icône de la flèche en haut à gauche de l'écran Outils de Développement.

  • Placez votre souris sur l'élément dont vous voulez obtenir le CSS selector.
    Par exemple, si vous la passez sur le bouton "Accepter" de la notice de consentement, vous verrez que le code qui correspond à cet élément devient surligné en bleu.  

Screen Recording 2021-06-03 at 12.31.05 PM

  • Pour votre rapport de conformité, vous devrez indiquer l'ID ou la class qui correspond à l'élément inspecté.

2- Indiquer le CSS selector pour le rapport de conformité

  • Quand vous ajoutez votre site pour obtenir un rapport de conformité dans la console Didomi et que vous voulez utiliser le CSS selector, vous devrez l'indiquer dans le champ "Element to click on (CSS Selector)" :

  • Vous devrez remplir le champ avec la class (.class) ou l'ID (#id) CSS pour l'élément HTML désiré. 

    Ainsi, si l'ID est id="didomi-notice-agree-button", vous devez entrer #didomi-notice-agree-button dans le champ.