Comment configurer Microsoft Clarity avec Cookiequiet

Que stocke Clarity, et dans quelle catégorie le ranger ?

La documentation de Microsoft décrit les cookies de Clarity comme non essentiels. Ils stockent un identifiant pseudonyme qui relie les pages vues en sessions et en enregistrements :

Clarity enregistre des sessions et construit des heatmaps : il va donc dans la catégorie mesure d’audience. Si vous reliez Clarity à Microsoft Advertising, les données qu’il y partage suivent ad_storage, que Cookiequiet accorde avec la catégorie marketing.

Qu’est-ce qui a changé le 31 octobre 2025 ?

Microsoft a annoncé qu’à partir de cette date, Clarity applique les signaux de consentement pour les visites venant de l’Espace économique européen, du Royaume-Uni et de Suisse : le mode consentement est activé par défaut pour ces visiteurs, et l’état du consentement est refusé tant que vous ne le mettez pas à jour. Avec analytics_storage refusé, la balise se charge mais ne collecte que des données sans cookies, avec un nouvel identifiant à chaque page vue : les fonctions qui dépendent des cookies (enregistrements sur plusieurs pages, entonnoirs) sont donc limitées. Avec ad_storage refusé, Clarity ne partage rien avec Microsoft Ads. Clarity considère un consentement comme valable jusqu’à 9 mois.

Option 1 : le Consent Mode de Google (sans code)

La documentation de Clarity indique qu’il interprète et respecte les signaux du Consent Mode de Google comme ad_storage et analytics_storage sans configuration supplémentaire. Cookiequiet les règle sur refusé dès que la balise s’exécute quand elle porte data-consent-mode="1" (la valeur par défaut dans la balise du tableau de bord), et envoie une mise à jour après chaque choix :

html
<script src="https://cookiequiet.com/cq.js" data-site="YOUR_SITE_KEY" data-consent-mode="1" data-auto-block="1" defer></script>
<!-- balise Microsoft Clarity issue de Settings > Setup, sous la balise Cookiequiet -->

Une interaction à connaître : avec data-auto-block="1", le bloqueur automatique de Cookiequiet classe clarity.ms sous mesure d’audience. Quand le script Clarity est créé après l’exécution de Cookiequiet (par exemple par Tag Manager), Cookiequiet le retient donc jusqu’à ce que la mesure d’audience soit accordée. Dans ce cas, Clarity ne se charge pas du tout avant le consentement, et le Consent Mode lui indique l’état une fois chargé.

Option 2 : marquer la balise Clarity

Pour vous assurer que rien n’atteint Clarity avant le consentement, données sans cookies comprises, collez la balise sous la balise Cookiequiet et modifiez sa balise d’ouverture :

html
<script type="text/plain" data-cq-category="analytics">
  /* code de suivi Microsoft Clarity, inchangé */
</script>

Cookiequiet l’exécute quand la mesure d’audience est accordée, et d’emblée lors des visites suivantes où le choix enregistré l’inclut. Dans Google Tag Manager, utilisez un déclencheur Événement personnalisé sur cq_consent avec cq_analytics equals true, déclenché une fois par page, comme le décrit le guide Tag Manager.

Option 3 : l’API ConsentV2 de Clarity

L’appel de consentement actuel de Clarity est consentv2 ; l’ancien appel clarity('consent') doit être déprécié. Les deux paramètres sont obligatoires et leurs noms sont sensibles à la casse. Si vous n’utilisez pas le Consent Mode de Google, transmettez le choix de Cookiequiet avec l’événement cq:consent, qu’il émet sur window avec les catégories accordées chaque fois qu’il applique un choix :

html
<script>
  window.addEventListener('cq:consent', function (e) {
    var c = e.detail.categories;
    if (typeof window.clarity !== 'function') return;
    window.clarity('consentv2', {
      ad_Storage: c.indexOf('marketing') >= 0 ? 'granted' : 'denied',
      analytics_Storage: c.indexOf('analytics') >= 0 ? 'granted' : 'denied'
    });
  });
</script>

Quand un visiteur retire son consentement, Microsoft indique que Clarity supprime ses cookies, met fin à la session et continue en mode sans consentement. window.clarity('consent', false) efface directement les cookies.

Quelle option choisir ?

L’option 1 ne demande aucun code et conserve une mesure sans cookies pour les visiteurs qui n’ont pas encore choisi, sauf si le bloqueur automatique retient le script. L’option 2 n’envoie rien avant le consentement. Les deux tiennent les cookies à l’écart jusqu’à ce que le visiteur accepte la mesure d’audience. Le guide de la mesure d’audience sans cookies compare les outils qui mesurent sans consentement.

Comment vérifier ?

1. Ouvrez le site dans une fenêtre de navigation privée. Dans la console, lancez la vérification tirée de la documentation de Clarity : clarity('metadata', (d, upgrade, consent) => { console.log('consentStatus:', consent); }, false, true, true); Avant un choix, analytics_storage vaut DENIED.
2. Cliquez sur Tout refuser : aucun cookie _clck ni _clsk.
3. Effacez les cookies, cliquez sur Tout accepter, rechargez : la vérification affiche GRANTED et les deux cookies sont déposés.
4. Consultez le registre des consentements dans le tableau de bord Cookiequiet.

Cookiequiet est gratuit pour un site, ciblage géographique compris ; Starter coûte 3 € par site et par mois, avec des pages vues illimitées.