Heatmaps 2026 : Hotjar vs Microsoft Clarity (gratuit) vs FullStory

Heatmaps : voir ce que vos visiteurs font vraiment

Google Analytics dit où les visiteurs viennent et quand ils partent. Les heatmaps disent pourquoi. Les session recordings disent comment. C'est le trio quantitatif + qualitatif + comportemental indispensable au CRO sérieux en 2026.

Une heatmap visualise les clics, mouvements de souris et scroll sur une page. Un session recording est une vidéo anonymisée d'une visite réelle. Ensemble, ces outils révèlent les frictions invisibles : un bouton qui n'est pas vu, un formulaire abandonné à la 4e question, un menu mobile incompréhensible.

Comparatif des outils heatmaps + recording 2026

Le grand gagnant 2026 pour PME : Microsoft Clarity. Gratuit, illimité, sans engagement, fonctionnalités équivalentes à Hotjar Pro. Le seul vrai concurrent gratuit, soutenu par Microsoft (pas de risque de fermeture comme Google Optimize).

Hotjar : la référence historique

Forces :

• UI léchée, facile pour non-techniques
• Sondages on-site intégrés (NPS, feedback)
• Funnels et entonnoirs de conversion (tier payant)
• Recruitment de testeurs utilisateurs
• Intégrations nombreuses (Slack, HubSpot, GA4)

Faiblesses :

• Tier gratuit très limité (35 sessions/jour = 1 050/mois)
• Vite cher au-delà de 500 sessions/jour
• Sampling des sessions au lieu de 100 % capture sur tiers bas

Prix 2026 :

• Free : 35 sessions/jour
• Plus : 32 $/mois (100 sessions/jour)
• Business : 80 $/mois (500 sessions/jour)
• Scale : 171 $/mois (1 500 sessions/jour)

Pour qui : PME qui veulent une UI clé en main et budget 30-80 $/mois.

Microsoft Clarity : le tueur gratuit

Lancé par Microsoft en 2020, devenu en 2024-2026 la référence freemium réelle. 100 % gratuit, illimité, sans engagement.

Forces :

• Sessions illimitées capturées
• Heatmaps clics + scroll + mouvements
• Filtres avancés (Rage Clicks, Dead Clicks, Quick Backs, JavaScript Errors)
• Intégration GA4 native (Clarity → GA4 et inverse)
• IA copilot pour résumer les sessions (2026)
• Conformité RGPD/CCPA out-of-the-box
• Aucun impact perf significatif (< 30 ko)

Faiblesses :

• Pas de sondages on-site (utiliser Typeform ou Tally en parallèle)
• UI moins polish que Hotjar (mais largement utilisable)
• Données stockées 13 mois max (vs Hotjar 12 mois sur free)
• Modèle économique : Microsoft monétise les insights agrégés anonymisés (mention claire à faire dans la politique de confidentialité)

Pour qui : 90 % des PME. C'est mon outil par défaut en 2026.

FullStory : l'enterprise

Forces :

• Capture 100 % des sessions (pas de sampling)
• DevTools intégrés (console, network, errors)
• Conversion funnels avancés
• Conversational insights (questions en langage naturel)
• Conformité enterprise (HIPAA, SOC 2)

Faiblesses :

• Coût prohibitif PME (~300 $/mois minimum, souvent 1000 $+)
• Setup complexe
• Overkill pour vitrines simples

Pour qui : SaaS B2B mid-market, e-commerce > 50M FCFA CA/mois, équipes produit avec data scientists.

LogRocket : pour les développeurs

Forces :

• Recordings avec console logs JS, network requests, Redux state
• Détection automatique des erreurs frontend
• Excellent pour debug produit (SaaS, apps)
• Intégration Sentry, Segment, GA4

Faiblesses :

• Moins orienté CRO marketing
• UI moins accessible aux non-développeurs

Pour qui : SaaS avec équipe produit/dev, debug frontend prioritaire.

Smartlook : le challenger prix

Forces :

• 3 000 sessions/mois gratuites (3× plus que Hotjar)
• Funnels et heatmaps inclus dès le tier payant
• Compatible mobile apps (iOS/Android natif)

Faiblesses :

• UI moins moderne que Hotjar/Clarity
• Communauté plus petite

Pour qui : PME tech avec app mobile + web, budget 39-99 $/mois.

Conformité RGPD : ce qu'il faut savoir

Tous les outils ci-dessus offrent en 2026 :

• Masquage automatique des champs sensibles (mot de passe, CB, email selon config)
• Anonymisation IP par défaut
• DPA signé disponible sur demande (sauf Clarity gratuit : DPA Microsoft standard suffit)
• Bandeau cookies : recording requiert un consentement actif si l'utilisateur est identifiable (RGPD strict)

À faire côté site :

• Mentionner l'outil dans la politique de confidentialité
• Bandeau cookies catégorisé (analytics, marketing, fonctionnel)
• Mode "masking" sur tous les inputs sensibles
• Au Sénégal : conformité CDP (Commission de Protection des Données) — déclaration si traitement systématique

Cas d'usage et insights actionnables

Cas 1 — Hôtel : bouton "Réserver" invisible

Constat heatmap : 80 % des visiteurs scrollent jusqu'à 40 % de la page sans cliquer.

Constat recording : ils cherchent le bouton de réservation après les photos.

Action : déplacer le CTA "Réserver" en sticky bottom mobile.

Résultat mesuré : +34 % de clics, +18 % de réservations.

Cas 2 — E-commerce : formulaire de checkout abandonné

Constat heatmap : zéro clic sur le champ "Code postal".

Constat recording : utilisateurs reviennent en arrière au champ 5/8.

Diagnostic : message d'erreur "format invalide" sans explication.

Action : validation inline + exemple "ex : 12500".

Résultat : -22 % d'abandon checkout, +12 % de revenu.

Cas 3 — SaaS : trial signup low

Constat recording : 60 % des visiteurs voient la page pricing 20s puis quittent.

Constat Rage Clicks : ils cliquent plusieurs fois sur "Plan Pro" sans réaction.

Diagnostic : bouton CSS désactivé par erreur côté code.

Action : fix CSS + ajout micro-interaction.

Résultat : +47 % de trial signups.

Cas 4 — Vitrine PME : page contact morte

Constat heatmap scroll : 90 % des visiteurs ne descendent pas sous le pli.

Constat recording : ils cherchent un numéro WhatsApp.

Action : ajouter CTA WhatsApp au-dessus du formulaire.

Résultat : +180 % de contacts (WhatsApp + formulaire combinés).

Stack heatmap recommandée par maturité

FAQ

Microsoft Clarity est-il vraiment gratuit ?

Oui, 100 % gratuit, illimité, sans CB requise. Modèle économique : Microsoft utilise les insights agrégés anonymisés pour améliorer ses produits (Bing, Edge). Pas de revente de données individuelles. Conforme RGPD.

Hotjar ou Clarity pour démarrer ?

Clarity en 2026, sans hésitation. Gratuit, illimité, fonctionnalités équivalentes à Hotjar Plus. Hotjar conserve un avantage uniquement sur les sondages on-site et l'UI plus polish.

Les heatmaps ralentissent-elles le site ?

Impact minimal : Clarity ajoute ~30 ko, Hotjar ~50 ko, FullStory ~80 ko. Tous chargent en async/defer. Pas d'impact sur LCP correctement implémenté.

Combien de sessions faut-il visionner pour avoir des insights ?

Minimum 15-20 sessions par page critique pour identifier des patterns. Au-delà de 50 sessions, rendement décroissant. Filtrer par : sessions avec abandon, Rage Clicks, JavaScript errors.

Heatmaps + A/B testing : ordre logique ?

1) Heatmaps + recordings pour identifier le problème, 2) Hypothèse de solution, 3) A/B test pour valider l'impact, 4) Déploiement, 5) Heatmaps post-déploiement pour vérifier le nouveau comportement.

Audit heatmap gratuit

Pour un audit heatmap + recordings sur votre site (setup Clarity gratuit + 10 insights actionnables en 7 jours), contactez-nous. WhatsApp +221 77 596 93 33.