Agence
Ressource
Outils

Microsoft Clarity : ce qu'on en pense vraiment.

Clarity est l'outil d'analyse comportementale qu'on installe sur tous nos sites Webflow. Gratuit, simple, redoutablement efficace pour comprendre pourquoi les visiteurs ne convertissent pas.

Partager sur :

Pourquoi on installe Clarity sur tous nos sites Webflow

GA4 te dit combien de personnes viennent sur ton site. Clarity te dit ce qu'elles y font. Et c'est souvent là que les vraies surprises apparaissent.

On a découvert Clarity il y a quelques années en cherchant une alternative simple aux outils d'analyse comportementale payants comme Hotjar ou FullStory. Le résultat nous a convaincus au point d'en faire un standard sur tous nos projets. Il est gratuit, il s'installe en 5 minutes sur Webflow, et il donne des informations qu'on ne peut pas obtenir avec GA4 seul. D'ailleurs, on considère Clarity et Google Analytics GA4 comme complémentaires, jamais concurrents.

Ce que Clarity fait concrètement

Clarity est un outil d'analyse comportementale. Concrètement, il enregistre ce que font les visiteurs sur ton site :

  • Les heatmaps par clic : tu vois exactement où les visiteurs cliquent. Sur quoi ils s'attardent. Ce qu'ils ignorent complètement. C'est souvent révélateur : des CTA qu'on pensait visibles sont en réalité ignorés. Des éléments sans lien reçoivent des clics. Des sections entières ne sont jamais scrollées.
  • Les heatmaps de scroll : tu vois jusqu'où les visiteurs descendent sur chaque page. C'est ce qui nous a appris que la majorité des visiteurs ne voient jamais le bas d'une homepage. Les contenus importants doivent être en haut.
  • Les session recordings : tu peux regarder des enregistrements vidéo de vraies sessions utilisateurs. Pas juste des statistiques, des comportements réels. Tu vois où quelqu'un hésite, où il s'arrête, où il repart.
  • Les rage clicks : Clarity détecte automatiquement les moments où un visiteur clique plusieurs fois de suite sur le même élément, signe de frustration. C'est souvent symptomatique d'un problème d'UX qu'on n'aurait pas vu autrement.
  • Le dead clicks : les clics sur des éléments non cliquables. Révèle des confusions de design.

Ce qu'on a appris en utilisant Clarity sur +60 projets

Voilà quelques enseignements concrets issus de notre utilisation de Clarity sur des sites clients réels.

Les CTA ne sont pas toujours là où on les pense. Sur plusieurs projets, on a découvert grâce aux heatmaps que des boutons principaux recevaient peu de clics alors que des éléments secondaires concentraient l'attention. On a repositionné les CTA et les conversions ont augmenté sans changer le contenu. C'est exactement le genre d'optimisation qui fait grimper un taux de conversion sans toucher au trafic.

Le scroll s'arrête souvent avant la social proof. Sur des sites bien construits, on voyait régulièrement que les témoignages clients n'étaient jamais atteints par la majorité des visiteurs. On a appris à remonter la preuve sociale beaucoup plus haut dans les pages.

Les formulaires ont des points de friction invisibles. Clarity montre exactement à quel champ les visiteurs abandonnent un formulaire. Sur un projet, on a découvert qu'un champ Téléphone avait un taux d'abandon massif. On l'a rendu optionnel. Les soumissions ont augmenté de 40%.

Le mobile se comporte différemment du desktop. Les heatmaps par device révèlent souvent des comportements radicalement différents. Ce qui fonctionne sur desktop peut être totalement ignoré sur mobile, et vice versa.

Clarity dans une démarche d'analyse complète

Clarity ne travaille jamais seul. Il fait partie d'une boîte à outils d'analyse qu'on déploie sur chaque site pour comprendre à la fois le combien, le comment et le pourquoi. Pour avoir une vision d'ensemble de la manière dont on évalue la performance d'un site, on a écrit un guide dédié : comment analyser un site internet et évaluer sa performance.

La logique est simple : GA4 mesure les volumes et les sources, Clarity explique les comportements, et l'analyse SEO révèle les opportunités de trafic. Les trois ensemble donnent une image complète de ce qui fonctionne et de ce qui bloque.

Ce que Clarity ne fait pas

Clarity n'est pas un outil de tracking de conversion au sens strict. Il ne remplace pas GA4 pour mesurer les sources de trafic, les conversions par canal ou les objectifs commerciaux. C'est un outil complémentaire, pas un outil de remplacement.

Les données de Clarity sont qualitatives, pas quantitatives. Elles t'expliquent le comment et le pourquoi du comportement. GA4 te donne le combien. Les deux ensemble donnent une image complète.

Clarity ne fait pas non plus d'A/B testing. Si tu veux tester deux versions d'une page, il faudra passer par un autre outil.

Comment on intègre Clarity sur un site Webflow

L'intégration est simple et prend moins de 5 minutes :

  • Créer un compte sur clarity.microsoft.com (gratuit)
  • Créer un nouveau projet et récupérer le code de tracking
  • Dans Webflow, aller dans les paramètres du site, section Custom Code
  • Coller le code Clarity dans la section Head Code
  • Republier le site

Les données commencent à apparaître dans les 24 à 48 heures. On configure ensuite les filtres pour exclure le trafic interne et isoler les sessions les plus pertinentes. Cette facilité d'intégration est l'un des avantages de Webflow : ajouter un script de tracking se fait proprement, sans plugin ni manipulation technique risquée.

Questions fréquentes sur Microsoft Clarity

Microsoft Clarity est-il vraiment gratuit ?

Oui, totalement et sans limite de trafic. Microsoft propose Clarity gratuitement, sans plan payant caché ni quota de sessions. Le modèle économique repose sur l'écosystème Microsoft, pas sur la vente de l'outil. C'est l'une des raisons pour lesquelles on le recommande systématiquement.

Clarity remplace-t-il Google Analytics ?

Non, les deux sont complémentaires. GA4 mesure les volumes, les sources de trafic et les conversions. Clarity explique le comportement des visiteurs via les heatmaps et les enregistrements. On installe toujours les deux ensemble sur nos projets.

Clarity respecte-t-il le RGPD ?

Clarity propose des options de conformité, notamment le masquage automatique des données sensibles saisies dans les formulaires. Comme tout outil de tracking, son usage doit être déclaré dans votre politique de confidentialité et intégré à votre bandeau de consentement cookies.

Clarity ralentit-il le site ?

L'impact sur les performances est minime. Le script Clarity se charge de manière asynchrone et n'affecte pas significativement la vitesse de chargement, un point important quand on sait à quel point les Core Web Vitals comptent pour le référencement.

Notre retour après +60 projets

Clarity est devenu un réflexe. On l'installe systématiquement lors du lancement de chaque site. Lors de nos calls de suivi mensuels, on analyse ensemble les heatmaps et les recordings pour identifier ce qui freine la conversion.

Ce qu'on a appris : les données Clarity remettent souvent en question des intuitions qu'on pensait solides. Un design qu'on trouvait clair peut s'avérer confus pour les vrais utilisateurs. Une section qu'on jugeait secondaire peut concentrer toute l'attention.

Microsoft Clarity est aujourd'hui l'un des outils d'analyse comportementale les plus utilisés au monde, un statut confirmé par des sources indépendantes comme G2. Sa gratuité et sa simplicité en font un incontournable.

Si tu veux comprendre pourquoi ton site ne convertit pas autant qu'il devrait, Clarity est probablement la première chose à installer. Et c'est gratuit.

Tu souhaites résumé l'article avec une IA :

Portrait en noir et blanc d'un homme portant une veste sombre et une chemise blanche.Homme souriant avec barbe et moustache portant un t-shirt gris devant un fond marron.
Portrait d'un homme souriant portant une chemise blanche et une cravate beige.Un homme souriant debout devant une porte vitrée dans un cadre professionnel.
Homme souriant en pull noir assis devant un fond flou avec des lumières chaudes.
Portrait en noir et blanc d'un homme d'âge moyen au regard direct.Homme souriant portant des lunettes et une chemise bleue avec un fond dégradé violet et orange.
Femme souriante portant des lunettes et un pull à motifs noir et blanc, appuyée sur une table en bois.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.Portrait d'une femme aux cheveux longs noirs, portant un haut noir et des boucles d'oreilles.
Homme souriant portant des lunettes, chemise bleue et gilet noir devant un mur blanc.Portrait en noir et blanc d'un homme barbu regardant par une fenêtre, porté un pull à côtes.
Homme portant une casquette verte et une chemise dans une voiture décapotable.
Femme souriante avec un gros chignon portant un manteau marron, éclairée par une lumière orangée.
Portrait d'une femme souriante aux cheveux bruns, portant une robe jaune à motifs, en extérieur.Femme souriante aux cheveux bouclés et lunettes, posant avec la main sur la joue.Femme souriante aux cheveux blonds longs portant un pull rouge, en extérieur avec un fond flou.
Portrait d'une femme souriante avec cheveux blonds et vêtements clairs devant un rideau beige.
Homme avec cheveux bouclés noirs et barbe courte, regardant devant, en plein air avec ciel bleu et arbres.Personne en veste orange tenant un fusil agenouillée dans la neige avec maisons et montagnes en arrière-plan.Femme souriante aux cheveux courts, vêtue d'un haut rayé et d'une veste noire, debout en intérieur.
Portrait d'une femme souriante aux cheveux longs, portant une chemise blanche dans un intérieur flou.Homme souriant portant un pull-over blanc sur un fond neutre.Un homme travaille sur un ordinateur portable dans un endroit avec une fenêtre en arrière-plan.
Portrait d'une femme souriante aux cheveux courts devant un arbre en arrière-plan flou.Un homme assis sur un canapé dans un salon éclairé par une lampe chaleureuse.Portrait d'une femme souriante avec des lunettes noires et une chemise violette devant un fond vert flou.
Un homme souriant portant un blazer se tient devant un panneau du Royal College of Physicians.Portrait d'un homme aux cheveux bruns courts portant une chemise blanche sur fond bleu.Une femme organise des tables dans un espace intérieur avec des étagères en arrière-plan.Esthéticienne appliquant un soin sur le visage d'une cliente allongée en institut.Jeune homme souriant tenant un biscuit, avec un arbre et un buisson en arrière-plan.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.
Portrait en noir et blanc d'un homme portant une veste sombre et une chemise blanche.Homme souriant avec barbe et moustache portant un t-shirt gris devant un fond marron.
Portrait d'un homme souriant portant une chemise blanche et une cravate beige.Un homme souriant debout devant une porte vitrée dans un cadre professionnel.
Homme souriant en pull noir assis devant un fond flou avec des lumières chaudes.
Portrait en noir et blanc d'un homme d'âge moyen au regard direct.Homme souriant portant des lunettes et une chemise bleue avec un fond dégradé violet et orange.
Femme souriante portant des lunettes et un pull à motifs noir et blanc, appuyée sur une table en bois.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.Portrait d'une femme aux cheveux longs noirs, portant un haut noir et des boucles d'oreilles.
Homme souriant portant des lunettes, chemise bleue et gilet noir devant un mur blanc.Portrait en noir et blanc d'un homme barbu regardant par une fenêtre, porté un pull à côtes.
Homme portant une casquette verte et une chemise dans une voiture décapotable.
Femme souriante avec un gros chignon portant un manteau marron, éclairée par une lumière orangée.
Portrait d'une femme souriante aux cheveux bruns, portant une robe jaune à motifs, en extérieur.Femme souriante aux cheveux bouclés et lunettes, posant avec la main sur la joue.Femme souriante aux cheveux blonds longs portant un pull rouge, en extérieur avec un fond flou.
Portrait d'une femme souriante avec cheveux blonds et vêtements clairs devant un rideau beige.
Homme avec cheveux bouclés noirs et barbe courte, regardant devant, en plein air avec ciel bleu et arbres.Personne en veste orange tenant un fusil agenouillée dans la neige avec maisons et montagnes en arrière-plan.Femme souriante aux cheveux courts, vêtue d'un haut rayé et d'une veste noire, debout en intérieur.
Portrait d'une femme souriante aux cheveux longs, portant une chemise blanche dans un intérieur flou.Homme souriant portant un pull-over blanc sur un fond neutre.Un homme travaille sur un ordinateur portable dans un endroit avec une fenêtre en arrière-plan.
Portrait d'une femme souriante aux cheveux courts devant un arbre en arrière-plan flou.Un homme assis sur un canapé dans un salon éclairé par une lampe chaleureuse.Portrait d'une femme souriante avec des lunettes noires et une chemise violette devant un fond vert flou.
Un homme souriant portant un blazer se tient devant un panneau du Royal College of Physicians.Portrait d'un homme aux cheveux bruns courts portant une chemise blanche sur fond bleu.Une femme organise des tables dans un espace intérieur avec des étagères en arrière-plan.Esthéticienne appliquant un soin sur le visage d'une cliente allongée en institut.Jeune homme souriant tenant un biscuit, avec un arbre et un buisson en arrière-plan.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.
Portrait en noir et blanc d'un homme portant une veste sombre et une chemise blanche.Homme souriant avec barbe et moustache portant un t-shirt gris devant un fond marron.
Portrait d'un homme souriant portant une chemise blanche et une cravate beige.Un homme souriant debout devant une porte vitrée dans un cadre professionnel.
Homme souriant en pull noir assis devant un fond flou avec des lumières chaudes.
Portrait en noir et blanc d'un homme d'âge moyen au regard direct.Homme souriant portant des lunettes et une chemise bleue avec un fond dégradé violet et orange.
Femme souriante portant des lunettes et un pull à motifs noir et blanc, appuyée sur une table en bois.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.Portrait d'une femme aux cheveux longs noirs, portant un haut noir et des boucles d'oreilles.
Homme souriant portant des lunettes, chemise bleue et gilet noir devant un mur blanc.Portrait en noir et blanc d'un homme barbu regardant par une fenêtre, porté un pull à côtes.
Homme portant une casquette verte et une chemise dans une voiture décapotable.
Femme souriante avec un gros chignon portant un manteau marron, éclairée par une lumière orangée.
Portrait d'une femme souriante aux cheveux bruns, portant une robe jaune à motifs, en extérieur.Femme souriante aux cheveux bouclés et lunettes, posant avec la main sur la joue.Femme souriante aux cheveux blonds longs portant un pull rouge, en extérieur avec un fond flou.
Portrait d'une femme souriante avec cheveux blonds et vêtements clairs devant un rideau beige.
Homme avec cheveux bouclés noirs et barbe courte, regardant devant, en plein air avec ciel bleu et arbres.Personne en veste orange tenant un fusil agenouillée dans la neige avec maisons et montagnes en arrière-plan.Femme souriante aux cheveux courts, vêtue d'un haut rayé et d'une veste noire, debout en intérieur.
Portrait d'une femme souriante aux cheveux longs, portant une chemise blanche dans un intérieur flou.Homme souriant portant un pull-over blanc sur un fond neutre.Un homme travaille sur un ordinateur portable dans un endroit avec une fenêtre en arrière-plan.
Portrait d'une femme souriante aux cheveux courts devant un arbre en arrière-plan flou.Un homme assis sur un canapé dans un salon éclairé par une lampe chaleureuse.Portrait d'une femme souriante avec des lunettes noires et une chemise violette devant un fond vert flou.
Un homme souriant portant un blazer se tient devant un panneau du Royal College of Physicians.Portrait d'un homme aux cheveux bruns courts portant une chemise blanche sur fond bleu.Une femme organise des tables dans un espace intérieur avec des étagères en arrière-plan.Esthéticienne appliquant un soin sur le visage d'une cliente allongée en institut.Jeune homme souriant tenant un biscuit, avec un arbre et un buisson en arrière-plan.Femme aux cheveux bouclés et lunettes roses regardant vers le bas avec un léger sourire.

Maintenant, on passe à l'action ?

Un échange gratuit pour voir comment on peut structurer ton acquisition ensemble.