Microsoft Clarity est un outil gratuit de Microsoft dédié à l'analyse du comportement des utilisateurs : il enregistre la façon dont les visiteurs interagissent avec votre site et transforme ces interactions en heatmaps, enregistrements de sessions et indicateurs de frustration. Si Google Analytics vous dit que les visiteurs quittent une page, Microsoft Clarity vous aide à comprendre pourquoi. Ce guide détaille ce que mesure l'outil, comment l'installer, comment respecter le RGPD et comment l'utiliser pour améliorer vos conversions.
Qu'est-ce que Microsoft Clarity ?
Microsoft Clarity est un outil gratuit d'analyse comportementale qui capte les clics, les défilements, les mouvements de souris et les interactions tactiles sur votre site, puis les restitue sous forme visuelle. Il est comparable à Hotjar ou Crazy Egg, mais Microsoft ne le facture pas.
Clarity repose sur trois briques :
- Les heatmaps (cartes de chaleur) : des vues agrégées de l'endroit où les visiteurs cliquent et jusqu'où ils font défiler la page.
- Les enregistrements de sessions : la relecture de visites individuelles, telle que le visiteur a vu la page.
- Le tableau de bord : des indicateurs automatiques comme les dead clicks, les rage clicks, les quick backs et les erreurs JavaScript.
Le site officiel est clarity.microsoft.com et la documentation technique se trouve sur Microsoft Learn.
Comment fonctionnent les heatmaps de Microsoft Clarity ?
Une heatmap Microsoft Clarity superpose des couleurs à une capture de votre page : couleurs chaudes là où l'interaction est forte, couleurs froides là où elle est faible. Vous pouvez afficher les heatmaps séparément pour ordinateur, tablette et mobile, car le comportement varie fortement selon l'appareil.
Heatmaps de clics
La heatmap de clics montre où les visiteurs cliquent ou tapent. Elle révèle si votre appel à l'action principal attire vraiment l'attention et si les visiteurs cliquent sur des éléments qui ne sont pas des liens, comme des images, des icônes ou du texte en gras.
Heatmaps de défilement
La heatmap de défilement (scroll) indique quelle part des visiteurs atteint chaque zone de la page. Si seule une petite fraction descend jusqu'à votre grille tarifaire ou votre formulaire, le problème vient peut-être de la structure de la page plutôt que de l'offre.
Heatmaps de zone
La heatmap de zone regroupe les clics dans une région que vous sélectionnez, par exemple toute la barre de navigation ou une fiche produit. Elle sert à évaluer un bloc dans son ensemble.
Les enregistrements de sessions : observer de vraies visites
Les enregistrements de sessions de Microsoft Clarity rejouent les visites individuelles : mouvements du curseur, clics, défilement, changements de page et interactions tactiles sur mobile. Si un formulaire affiche un fort taux d'abandon, dix enregistrements en disent souvent plus que dix graphiques.
Regarder toutes les sessions n'est pas réaliste : utilisez les filtres. Clarity permet de filtrer par appareil, pays, source de trafic, page visitée et par comportements comme les rage clicks ou les erreurs JavaScript. Une routine efficace :
- Choisissez une page stratégique, par exemple le tunnel de commande ou le formulaire de contact.
- Filtrez les enregistrements sur cette page et sur un signal de frustration.
- Regardez 10 à 20 sessions et notez les schémas récurrents.
- Transformez chaque schéma en hypothèse puis en correction.
Les indicateurs du tableau de bord Clarity : que signifient-ils ?
Le tableau de bord de Microsoft Clarity résume le comportement des visiteurs avec plusieurs indicateurs. Chacun pointe un type de friction différent.
| Indicateur | Ce que mesure Clarity | Ce que cela signifie souvent |
|---|---|---|
| Dead clicks | Clics sur des éléments qui ne produisent aucune réaction visible | Un élément semble cliquable mais ne l'est pas, ou un lien est cassé |
| Rage clicks | Clics rapides et répétés sur la même zone | Frustration : bouton inactif, chargement lent, interface confuse |
| Défilement excessif | Défilement de haut en bas plus important que prévu | Le visiteur ne trouve pas ce qu'il cherche |
| Quick backs | Le visiteur quitte une page et revient presque aussitôt à la précédente | La page ne correspond pas aux attentes ou le lien était trompeur |
| Erreurs JavaScript | Erreurs de script pendant la session | Fonctionnalités cassées, souvent sur certains navigateurs ou appareils |
| Profondeur de défilement | Jusqu'où les visiteurs descendent en moyenne | Si le contenu clé est placé trop bas |
| Temps d'engagement | Temps d'interaction active avec la page | Attention réelle, et non un onglet resté ouvert |
Considérez ces indicateurs comme des signaux, pas comme des verdicts. Des dead clicks sur un article de blog sont souvent anodins ; sur une page de paiement, ils sont urgents. Les valeurs « normales » varient beaucoup selon le type de site, la page et l'appareil : comparez une page avec son propre historique plutôt qu'avec un benchmark universel.
Comment installer Microsoft Clarity ?
L'installation de Microsoft Clarity prend quelques minutes.
Étape 1 : créer un projet
Connectez-vous sur clarity.microsoft.com avec l'un des comptes pris en charge (par exemple un compte Microsoft), créez un nouveau projet et indiquez le nom et l'URL du site. Clarity génère alors un code de suivi propre à ce projet.
Étape 2 : ajouter le code de suivi dans le head
La méthode la plus directe consiste à coller le script Clarity dans la section <head> de toutes les pages, idéalement via un gabarit commun pour n'oublier aucune page. Après la mise en ligne, parcourez quelques pages et vérifiez dans Clarity que les données commencent à arriver.
Étape 3 (alternative) : Google Tag Manager
Si vous utilisez déjà Google Tag Manager, vous pouvez ajouter Clarity sous forme de balise déclenchée sur toutes les pages. Clarity propose aussi une configuration guidée pour Tag Manager depuis son écran d'installation. Vérifiez que la balise respecte vos paramètres de consentement et ne se déclenche qu'après l'acceptation de la catégorie de cookies concernée.
Étape 4 (alternative) : plugins et intégrations CMS
Pour les plateformes répandues comme WordPress et Shopify, Clarity propose des plugins ou intégrations officiels qui insèrent le code à votre place.
Connecter Microsoft Clarity à Google Analytics 4
Microsoft Clarity propose une intégration avec Google Analytics 4 qui s'active depuis les paramètres du projet. Vous pouvez alors segmenter les enregistrements Clarity avec des informations GA4 et passer d'une vue GA4 aux sessions Clarity correspondantes.
Les deux outils répondent à des questions différentes. Supposons que GA4 vous indique que la landing page de vos campagnes payantes convertit à 1,5 % alors que le trafic organique convertit à 3 %. Clarity vous montre ce que les visiteurs payants font différemment sur cette page. C'est pourquoi il est utile de lire Clarity à côté de vos indicateurs de performance, comme le taux de clic (CTR) de vos annonces et le ROAS de vos campagnes : une bonne annonce suivie d'une landing page faible gaspille du budget.
Côté reporting, Klyrax vous permet de réunir dans un seul tableau de bord les conversions GA4, Google Ads, Microsoft Ads et Search Console, pour mesurer si les changements faits après l'analyse dans Clarity font réellement bouger les chiffres.
Microsoft Clarity, vie privée et RGPD
Microsoft Clarity utilise des cookies et des technologies similaires pour reconnaître les visiteurs et les sessions. Au regard du RGPD et des règles ePrivacy (en France, les recommandations de la CNIL sur les cookies), ce type de traceur nécessite en général le consentement préalable du visiteur. Microsoft demande aux sites recevant des visiteurs de l'Espace économique européen et du Royaume-Uni de recueillir ce consentement et d'en transmettre le statut à Clarity ; les exigences et méthodes à jour sont décrites dans la documentation Clarity sur Microsoft Learn.
Une configuration conforme comprend :
- Un bandeau cookies ou une plateforme de gestion du consentement (CMP) qui bloque Clarity tant que le visiteur n'a pas accepté.
- Une politique de confidentialité qui mentionne Microsoft Clarity, sa finalité et les données traitées.
- Des réglages de masquage qui excluent les contenus sensibles des enregistrements.
Clarity masque par défaut les saisies sensibles, et vous pouvez choisir un mode de masquage plus strict ou plus souple dans les paramètres du projet. Vous pouvez aussi masquer des éléments précis de la page, comme les données de compte ou les récapitulatifs de commande. En cas de doute, choisissez le masquage le plus strict : vous perdez peu de valeur analytique et réduisez le risque. Pour une sécurité juridique, faites valider la configuration par votre DPO ou votre conseil.
Microsoft Clarity vs Hotjar : le comparatif
La comparaison Microsoft Clarity vs Hotjar revient souvent, car les deux outils proposent heatmaps et enregistrements. Les principales différences portent sur le prix et l'étendue des fonctionnalités.
| Critère | Microsoft Clarity | Hotjar |
|---|---|---|
| Prix | Gratuit | Offre gratuite limitée, offres payantes pour plus de capacité et de fonctions |
| Heatmaps | Oui (clics, défilement, zone) | Oui |
| Enregistrements de sessions | Oui | Oui |
| Signaux de frustration | Rage clicks, dead clicks, quick backs, erreurs JS | Signaux similaires, selon l'offre |
| Sondages et widgets de feedback | Pas le cœur de l'outil | Élément central du produit |
| Intégration GA4 | Oui | Intégrations disponibles, selon l'offre |
| Idéal pour | Analyse comportementale quel que soit le budget | Équipes qui veulent aussi des sondages et du feedback sur site |
Clarity suffit souvent pour les heatmaps et les enregistrements ; Hotjar se justifie surtout si les sondages et le feedback utilisateur sont centraux. Les fonctionnalités et les offres évoluent : vérifiez les pages officielles des deux éditeurs avant de choisir.
Utiliser Microsoft Clarity pour améliorer les conversions
Microsoft Clarity prend toute sa valeur quand vous reliez les observations à des résultats mesurables. Une méthode simple :
- Partez d'un problème de conversion. Choisissez une page où GA4 montre un taux de conversion faible ou un fort abandon.
- Analysez les heatmaps. L'appel à l'action est-il visible ? Sur mobile, les visiteurs descendent-ils assez pour le voir ?
- Filtrez les enregistrements par frustration. Regardez les sessions avec rage clicks, dead clicks ou erreurs JavaScript sur cette page.
- Formulez une hypothèse par problème. Par exemple : « Les visiteurs cliquent sur la photo produit en attendant un zoom. »
- Appliquez la modification et mesurez. Comparez le taux de conversion avant et après, ou lancez un test A/B.
Un exemple hypothétique : votre page de formulaire reçoit 10 000 visites par mois et convertit à 2 %, soit 200 leads. Les enregistrements montrent que beaucoup de visiteurs mobiles font des rage clicks sur un bouton d'envoi masqué par le clavier. Après avoir déplacé le bouton, la conversion passe à 2,4 % : 240 leads avec le même trafic et le même budget publicitaire. Avec 1 000 € de dépenses mensuelles, le coût par lead passe de 5 € à environ 4,17 €.
Les erreurs fréquentes avec Microsoft Clarity
- Installer le script deux fois. Code dans le head plus balise GTM : les données sont dupliquées. Choisissez une seule méthode.
- Charger Clarity avant le consentement. En France et dans l'UE, cela vous expose à un risque de non-conformité.
- Regarder des enregistrements sans question précise. Des heures de sessions au hasard mènent rarement à une action. Partez d'une page et d'un indicateur.
- Ignorer la distinction entre appareils. Une heatmap desktop en dit peu sur les visiteurs mobiles, souvent majoritaires.
- Réagir à une seule session. Une visite étrange reste une anecdote. Cherchez des schémas sur de nombreuses sessions.
- Assouplir le masquage sans raison. Les données sensibles n'ont rien à faire dans les enregistrements.
- Ne jamais mesurer le résultat. Une correction issue de Clarity ne compte que si les conversions progressent réellement dans GA4.
Questions fréquentes
Microsoft Clarity est-il vraiment gratuit ?
Oui. Microsoft propose Clarity gratuitement et il n'existe pas d'offre payante pour débloquer les heatmaps ou les enregistrements de sessions. Il suffit de créer un compte, d'ajouter un projet pour votre site et d'installer le code de suivi. Les éventuelles limites d'utilisation sont indiquées sur clarity.microsoft.com : consultez-les si votre site a un trafic très élevé.
Microsoft Clarity ralentit-il un site web ?
Le script de Microsoft Clarity se charge de façon asynchrone, donc pour la plupart des sites l'impact sur la vitesse reste limité. Tout script tiers ajoute toutefois du poids. Installez Clarity une seule fois, pas à la fois dans le head et via Google Tag Manager, puis vérifiez vos Core Web Vitals après l'installation pour confirmer que les performances restent bonnes.
Microsoft Clarity est-il conforme au RGPD ?
Microsoft Clarity peut être utilisé de manière conforme au RGPD, mais tout dépend de votre configuration. Clarity utilise des cookies et des technologies similaires : pour les visiteurs de l'Union européenne, il faut un consentement préalable via un bandeau ou une plateforme de gestion du consentement, une politique de confidentialité claire et le masquage des contenus sensibles.
Quelle différence entre Microsoft Clarity et Google Analytics 4 ?
Google Analytics 4 mesure ce qui se passe en chiffres : sources de trafic, événements, conversions et revenus. Microsoft Clarity montre comment cela se passe : où les visiteurs cliquent, jusqu'où ils font défiler la page et où ils bloquent, grâce aux heatmaps et aux enregistrements. Les deux outils sont complémentaires et Clarity propose une intégration avec GA4.
Que sont les rage clicks dans Microsoft Clarity ?
Les rage clicks dans Microsoft Clarity sont des clics répétés et rapides d'un visiteur sur la même zone. Ils signalent en général une frustration : un bouton qui ne répond pas, une page lente, un élément qui semble cliquable mais ne l'est pas. Filtrez les enregistrements par rage clicks pour revoir les sessions concernées et identifier la cause.
Toutes vos données marketing dans un seul rapport
Klyrax connecte Google Ads, Meta Ads, GA4, Search Console, Bing Webmaster Tools et bien d'autres en lecture seule, et en fait des rapports prêts pour vos clients.
Demander des infos