Passer au contenu principal

IntĂ©grer l’API de consentement Microsoft Clarity

Écrit par Alexandre Dias Da Silva

Microsoft Clarity est un outil puissant pour analyser le comportement des utilisateurs. Cependant, en raison des Ă©volutions rĂ©glementaires, il est crucial d’adapter son implĂ©mentation pour garantir sa conformitĂ©.

En dĂ©cembre 2024, Microsoft a partagĂ© une mise Ă  jour importante concernant Clarity. D’ici dĂ©but 2025, les sites web utilisant Clarity dans l’EEE, le Royaume-Uni et la Suisse devront obtenir le consentement explicite des utilisateurs avant de dĂ©poser des cookies.

En suivant la procédure ci-dessous, vous allez :

  • paramĂ©trer Clarity pour ne pas collecter de donnĂ©es utilisateur par dĂ©faut.

  • ajouter du code supplĂ©mentaire pour permettre de piloter le suivi de Clarity en fonction des choix de consentement exprimĂ©s par le visiteur via votre bandeau cookies.

Étape 0 : PrĂ©requis

Avant de continuer, assurez-vous que Microsoft Clarity figure dans votre bandeau cookies Axeptio.

Si ce n’est pas le cas, consultez notre guide ici pour y remĂ©dier : Comment ajouter un cookie Ă  mon widget ?

Étape 1 : DĂ©sactiver les cookies dans Clarity

Par défaut dans Clarity, le suivi des visiteurs via dépÎt de cookie est activé.

Pour désactiver les cookies, allez dans ParamÚtres > Configuration > ParamÚtres avancés, puis décochez Cookies.

Étape 2 : Ajouter le code sur votre site

Notre exemple de code ci-dessous permet de lier les choix faits par vos visiteurs dans votre bandeau cookies Axeptio à l’API de consentement de Clarity :

<script>  void 0 === window._axcb && (window._axcb = []); // Initialisation d'Axeptio  window._axcb.push(function (axeptio) {          // Récupération des choix des cookies    axeptio.on("cookies:complete", function (choices) { // Déclenché aprÚs les choix de l'utilisateur      if (choices.clarity) {                      // Si Clarity est accepté        window.clarity('consent');               // Démarre le suivi Clarity      } else {                                   // Sinon        window.clarity('consent', false);        // Désactive le suivi      }    });  });</script>

Vous pouvez ajouter ce code de plusieurs façons, comme par exemple :

  • en dur, dans le <head> de votre site.

  • via Google Tag Manager, dans une balise HTML personnalisĂ©e : utilisez le dĂ©clencheur “Consent Initialization - All Pages" pour garantir que ce script est exĂ©cutĂ© avant tout autre service.

Étape 3 : Tester

Suivez les étapes suivantes pour confirmer que Clarity de dépose pas de cookies sur le navigateur de vos visiteurs :

  1. Effacez les cookies de votre site web.

  2. Accédez à votre site web.

  3. Refusez les cookies via votre bandeau Axeptio.

  4. Assurez-vous que Clarity a bien été chargé (vérifiez les appels vers /collect).

  5. VĂ©rifiez les cookies dans votre navigateur et confirmez qu’il n’y a aucune entrĂ©e pour _clck ou _clsk.


En respectant ces étapes, votre site sera conforme aux nouvelles exigences réglementaires, tout en continuant à tirer parti des fonctionnalités avancées de Microsoft Clarity.

Pour plus d’information, consultez la documentation officielle de Microsoft Clarity :

Avez-vous trouvé la réponse à votre question ?