Microsoft Clarity: gratis heatmaps en gedragsanalyse voor je website
Microsoft Clarity is een gratis tool van Microsoft waarmee je ziet hoe bezoekers je website écht gebruiken: heatmaps van klikken en scrollen, sessieopnames van individuele bezoeken en signalen als rage clicks en dead clicks. Waar Google Analytics vertelt hoeveel mensen iets doen, laat Clarity zien hoe ze het doen — en waar ze vastlopen.
Clarity is het bekendste gratis alternatief voor Hotjar (sinds de overname onderdeel van Contentsquare, in de markt vaak "Contentsquare x Hotjar" genoemd). Er zit geen limiet op het aantal sessies of heatmaps, en de data blijft standaard dertien maanden bewaard.
Wat je met Clarity kunt
- Heatmaps — klikmaps (waar wordt geklikt), scrollmaps (hoe diep men komt) en area maps per sectie of element.
- Sessieopnames — een afspeelbare weergave van muisbewegingen, scrollen, klikken en formulierinteractie per bezoek.
- Frustratiesignalen — rage clicks (snel herhaald klikken op hetzelfde punt), dead clicks (klikken op iets dat niets doet), excessive scrolling, quick backs en JavaScript-fouten.
- Filters en segmenten — filter op pagina, apparaat, land, bron, browser, of op sessies waarin een bepaalde gebeurtenis voorkwam.
- Koppelingen — integratie met Google Analytics 4, zodat je vanuit een segment in GA4 doorklikt naar de bijbehorende opnames.
- Copilot-samenvattingen — AI-samenvattingen van opnames en feedback, handig om snel door veel sessies te scannen.
Clarity vs Hotjar (Contentsquare)
| Microsoft Clarity | Hotjar (Contentsquare) | |
|---|---|---|
| Kosten | Gratis, zonder sessielimiet | Gratis plan met daglimiet, betaalde plannen daarboven |
| Heatmaps | Klik, scroll, area | Klik, scroll, move |
| Sessieopnames | Onbeperkt | Beperkt per plan |
| Frustratiesignalen | Rage/dead clicks, quick backs, JS-fouten | Rage/error clicks, frustratiesignalen |
| Enquêtes en feedback | Basisfeedback | Uitgebreide surveys, polls, interviews |
| Funnels en dashboards | Beperkt | Uitgebreider in hogere plannen |
| Data-eigendom | Microsoft-platform, gratis | Commercieel platform, meer enterprise-opties |
Kort: voor heatmaps, opnames en frustratiesignalen doet Clarity gratis wat de meeste organisaties nodig hebben. Wil je serieus met enquêtes, gebruikersinterviews of uitgebreide funnels werken, dan heeft Hotjar/Contentsquare meer in huis.
Wat je op één pagina ziet: klikken, scrolldiepte en frustratie
Schematische weergave. Links de klikheatmap met twee frustratiesignalen, rechts hoe diep bezoekers scrollen.
Wat een heatmap je wel en niet vertelt
Een heatmap is een samenvatting, geen bewijs. Wat je er wel uit haalt:
- Wordt je belangrijkste knop gezien en gebruikt? Als de primaire CTA nauwelijks kleur krijgt en een secundaire link wel, staat je hiërarchie verkeerd.
- Hoe diep leest men? Scrollmaps laten zien waar aandacht wegvalt. Staat je aanbod of formulier daaronder, dan verplaats je het naar boven.
- Wordt er geklikt op wat niet klikbaar is? Dead clicks op afbeeldingen, prijsblokken of iconen zijn een verwachtingsprobleem: mensen denken dat het een link is.
- Waar zit frustratie? Rage clicks staan vaak op een knop die te langzaam reageert, een dropdown die niet opengaat of een formulierveld met een onduidelijke foutmelding.
Wat je er níet uit haalt: waarom iemand afhaakt, of een verandering echt beter is, en hoe representatief een beeld is. Heatmaps met te weinig sessies (zeg: onder een paar honderd per pagina en apparaat) zijn ruis. Bekijk mobiel en desktop altijd apart — het gedrag verschilt te veel om samen te voegen.
Van gedrag naar betere UX en conversie
Gebruik Clarity als het onderzoeksdeel van je conversieoptimalisatie. Een werkbare cyclus:
- Kies één pagina met impact — veel verkeer of veel omzet: homepage, categoriepagina, productpagina, checkoutstap of belangrijkste landingspagina.
- Kijk eerst naar de cijfers — waar valt verkeer weg in je analytics of funnel? Dat bepaalt welke pagina je in Clarity opent.
- Bekijk de heatmaps per apparaat — klik- en scrollgedrag, plus de area map van je belangrijkste sectie.
- Zoek de uitschieters op in opnames — filter op rage clicks, dead clicks of quick backs en kijk tien tot vijftien sessies. Je ziet meestal binnen een half uur een patroon.
- Schrijf een hypothese op — "Bezoekers op mobiel zien de maatinformatie niet, waardoor ze terug naar de categorie gaan. Als we de maattabel boven de knop zetten, stijgt het toevoegen aan de cart."
- Los het op of test het — kleine, duidelijke fouten (een niet-klikbaar element, onleesbaar contrast, een formulierfout) fix je direct. Discutabele keuzes in tekst, prijs of layout test je met een A/B-test.
- Meet na — kijk of het gedrag in de heatmap en de conversie in je KPI's meebewegen, en herhaal.
De volgorde is belangrijk: cijfers vertellen waar het misgaat, gedragsdata waarom, en een test of je oplossing werkt. Wie in de omgekeerde richting werkt, test veel en leert weinig.
De cyclus: cijfers → gedrag → hypothese → fix of test → meten
Cijfers vertellen waar het misgaat, gedragsdata waarom, en een test of je oplossing werkt.
- 1
Cijfers
Waar valt verkeer weg?
- 2
Gedrag
Heatmaps en opnames
- 3
Hypothese
Als we X, dan Y
- 4
Fix of test
Fout fixen, keuze testen
- 5
Meten
Beweegt de KPI mee?
Na stap 5 begin je opnieuw bij stap 1: elke oplossing verschuift het probleem naar de volgende plek in de funnel.
Concrete verbeteringen die vaak uit Clarity komen
- Formulieren — velden waar bezoekers blijven hangen of afhaken. Vaak: te veel velden, onduidelijke validatie of een verplicht veld dat niet nodig is.
- Mobiele navigatie — dead clicks op een logo of tab die niet werkt zoals verwacht, of een filter dat op mobiel onvindbaar is.
- Pagina-indeling — belangrijke informatie (prijs, levertijd, bewijs, contactoptie) staat onder het punt waar 80% al is gestopt met scrollen.
- Onduidelijke klikbaarheid — kaarten, afbeeldingen en iconen die eruitzien als een link maar dat niet zijn (of omgekeerd).
- Snelheid — rage clicks direct na het laden zijn vaak een symptoom van trage interactie. Check dan ook je PageSpeed.
- Toegankelijkheid — te klein tapdoel, laag contrast, moeilijk bereikbare knoppen. Zie ook WCAG en toegankelijkheid.
Privacy: waar je op moet letten
Clarity maskeert gevoelige invoer standaard en biedt drie maskeringsniveaus (strict, balanced, relaxed). Toch blijft de inzet jouw verantwoordelijkheid:
- Zet maskering strak genoeg dat er geen persoonsgegevens in opnames terechtkomen (denk aan e-mailadressen, adressen, ordergegevens en alles achter een login).
- Noem Clarity in je privacyverklaring en in je cookie- en consentbeleid.
- Laad de tracking pas na toestemming, in lijn met hoe je andere tracking regelt.
- Bewaar niet meer dan je nodig hebt en beperk wie toegang heeft tot opnames.
Veelgestelde vragen over Microsoft Clarity
Is Microsoft Clarity echt gratis?
Ja. Clarity is gratis te gebruiken, zonder limiet op het aantal sessies, opnames of heatmaps. Microsoft biedt het aan als onderdeel van zijn advertentie- en analytics-ecosysteem.
Is Clarity een goed alternatief voor Hotjar?
Voor heatmaps, sessieopnames en frustratiesignalen wel: dat zijn de functies waar de meeste teams Hotjar voor gebruiken. Voor enquêtes, gebruikersinterviews en uitgebreide funnelrapportage is Hotjar (Contentsquare) completer.
Kan ik Clarity naast Google Analytics 4 gebruiken?
Ja, en dat is ook de logische combinatie. GA4 geeft je aantallen en trends, Clarity het gedrag daarachter. Via de GA4-integratie kun je vanuit een segment doorklikken naar de bijbehorende sessieopnames.
Vertraagt Clarity mijn website?
Het script is klein en laadt asynchroon, dus de impact is beperkt. Toch geldt: elke extra tag kost iets. Laad het niet dubbel, houd je taggingoverzicht schoon en meet je pagesnelheid na installatie.
Hoeveel sessies heb ik nodig voor een bruikbare heatmap?
Reken op minstens een paar honderd sessies per pagina en per apparaattype voordat je conclusies trekt. Onder dat aantal kijk je vooral naar individuele opnames en frustratiesignalen, niet naar de heatmap als geheel.
Vervangt Clarity A/B-testen?
Nee. Clarity laat zien waar iets misgaat en levert hypotheses. Of jouw oplossing daadwerkelijk beter converteert, weet je pas na een test met voldoende data. Zie A/B-test tools en de significantiecalculator.
Werkt Clarity op elk platform?
Clarity werkt op vrijwel elke website via een script of tagmanager, en er zijn kant-en-klare integraties voor onder meer WordPress, Shopify, WooCommerce en Google Tag Manager.
Zien waar bezoekers vastlopen?
We kijken met je mee naar je heatmaps, opnames en cijfers, en zeggen eerlijk wat je eerst zou moeten oplossen — en wat je beter test.
Neem contact op of plan een kosteloze strategiesessie.
Gerelateerde pagina's en artikelen
- Conversieoptimalisatie (CRO)Meer resultaat uit het verkeer dat je al hebt.
- Conversie verhogen in 9 stappenDirect antwoord, zichtbaar bewijs en minder frictie — met rekenmodule.
- A/B-test tools vergelekenVarify, VWO en Optimizely: voors, tegens en prijs-functieverhouding.
- A/B-test significantie calculatorBereken of je testresultaat betrouwbaar is.
- Responsive design & UXMobile first werken, leesbaarheid, snelheid en toegankelijkheid.
- Meten en attributieGA4, consent, CRM-koppeling en cijfers die nooit precies sluiten.
Vragen of vrijblijvend sparren?
We denken graag met je mee — bel, mail of loop binnen in hartje Eindhoven.
