Naar hoofdinhoud
085 83 30 533Let's work together

InsightsData

Microsoft Clarity: gratis heatmaps en sessie-opnames, en wat je ermee doet

Google Analytics vertelt je dat bezoekers afhaken, niet waarom. Een heatmap en een handvol sessie-opnames laten dat vaak binnen een middag zien, en de tool die dat kosteloos doet is van Microsoft.

· Design & Development · · bijgewerkt · 9 min lezen

Kort antwoord

Microsoft Clarity is een gratis tool die laat zien hoe bezoekers je website gebruiken: waar ze klikken, hoe ver ze scrollen en waar ze vastlopen. Je krijgt heatmaps, sessie-opnames en signalen als rage clicks, zonder verkeerslimiet. Voor bezoekers uit de EER heb je wel hun toestemming nodig.

Wat is Microsoft Clarity?

Clarity is een tool voor gedragsanalyse. Waar Google Analytics telt hoeveel mensen iets doen, laat Clarity zien hoe ze het doen. Microsoft noemt zelf drie onderdelen: sessie-opnames, heatmaps en inzichten die met machine learning worden berekend. Het is dus geen vervanger van je webanalyse maar een aanvulling, en dat onderscheid maken we ook bij de Google Analytics-alternatieven.

Heatmaps

Een heatmap tekent het gedrag van alle bezoekers op één pagina over elkaar. Clarity kent vijf soorten:

  • Click maps: waar geklikt wordt, ook uitgesplitst naar dead clicks, rage clicks, eerste en laatste klikken.
  • Scroll maps: welk deel van de bezoekers een stuk van de pagina bereikt, met de gemiddelde vouw.
  • Area maps: alle klikken binnen een vlak dat je zelf aanwijst.
  • Conversion maps: voor webshops, welke klikken tot een aankoop leiden.
  • Attention maps: hoe lang bezoekers op elk deel van de pagina blijven.

Er is geen minimum aan verkeer, en een heatmap staat er binnen seconden. Nieuwe klikken komen er volgens Microsoft binnen een halfuur bij.

Sessie-opnames

Een opname is een reconstructie van één bezoek: muisbewegingen, klikken, scrollen en paginawissels. Het is geen video van het scherm, maar een weergave van de pagina met de interacties erop. Tien opnames van bezoekers die in de checkout afhaken zeggen vaak meer dan een week naar een grafiek kijken.

Rage clicks, dead clicks en quick backs

Clarity markeert zelf sessies waarin iets misgaat. Een rage click is herhaald klikken op dezelfde plek in korte tijd. Een dead click is een klik waarop niets gebeurt. Een quick back is iemand die doorklikt en snel terugkomt, omdat de pagina niet was wat hij verwachtte. Daarnaast telt Clarity JavaScript-fouten, en apart de fouten die direct na een klik ontstaan.

Copilot in Clarity

Copilot vat een heatmap samen en beantwoordt vragen over je dashboard. Microsoft schrijft er zelf bij dat die samenvattingen geen advies van een expert zijn en dat je ze moet nalopen. Zo gebruiken wij het ook: als wegwijzer naar de juiste filter, niet als conclusie. In de instellingen zet je het uit.

Is Microsoft Clarity gratis?

Ja. Microsoft noemt het "free forever", zonder verkeerslimiet en zonder betaalde versie waar je naartoe wordt geduwd. Het aantal projecten en het aantal gebruikers per project is onbeperkt.

Er zijn wel grenzen, en die staan in de documentatie:

Wat Grens
Sessie-opnames tot 100.000 per project per dag
Heatmap tot 100.000 paginaweergaven per heatmap
Opnames bewaren 30 dagen; favorieten en een willekeurige steekproef tot 9 maanden
Heatmaps terugkijken tot 9 maanden

Voor de meeste mkb-sites zijn dat geen grenzen waar je tegenaan loopt.

Wat Microsoft ermee doet: de gegevens staan in Azure, en Microsoft heeft er toegang toe. Klanten in de EU sluiten hun overeenkomst met Microsoft Ireland Operations Limited. Een betaald model is er niet, dus de vraag wat het oplevert voor Microsoft is terecht; de FAQ noemt derde-partijcookies "voor operationele doelen zoals advertenties". Weeg dat mee als je toestemming vraagt.

Microsoft Clarity installeren

Je maakt een project aan op clarity.microsoft.com en krijgt een trackingcode. Daarna zijn er drie routes.

Via Google Tag Manager

Onze voorkeur, omdat alle tags dan op één plek staan en onder dezelfde toestemmingsregels vallen. Microsoft beschrijft drie manieren. De snelste koppelt vanuit de instellingen van Clarity direct met je GTM-container. De tweede gebruikt de template Microsoft Clarity - Official uit de Community Template Gallery: je vult het project-ID in en zet de tag op alle pagina's. De derde plakt de code als aangepaste HTML-tag.

Via een plugin

Voor WordPress en WooCommerce is er de plugin Microsoft Clarity: installeren, inloggen, project kiezen. Voor Shopify is er een app. Let bij Shopify op één ding dat Microsoft zelf noemt: bij een themawissel kan het script verdwijnen, dus controleer het daarna.

Direct in de code

Op een maatwerksite zet je het script in de head. Dat werkt, maar dan regel je de toestemming ook zelf in de code, en daar gaat het vaak mis.

Toestemming doorgeven

Sinds 31 oktober 2025 handhaaft Microsoft een toestemmingssignaal voor bezoekers uit de EER, het Verenigd Koninkrijk en Zwitserland. Zonder dat signaal zet Clarity daar geen cookies. Het blijft meten, maar geeft elke paginaweergave een eigen ID, waardoor een bezoek over twee pagina's als twee sessies telt en volledige opnames en trechters ontbreken.

Het signaal geef je op drie manieren door:

  • Google Consent Mode. Volgens de pagina van Microsoft leest Clarity de signalen ad_storage en analytics_storage automatisch. Een ouder item in de FAQ zegt nog "coming soon", dus controleer het. Hoe die signalen werken staat in ons artikel over Consent Mode v2.
  • Een ondersteund cookieplatform, zoals CookieYes.
  • De Consent API v2 in je eigen code: window.clarity('consentv2', { ad_Storage: 'granted', analytics_Storage: 'granted' }) na een akkoord.

Controleren doe je in de console van je browser met de functie clarity('metadata', ...) uit de documentatie van Microsoft. Weiger je de cookies, dan hoort consentStatus op DENIED te staan en horen de cookies _clck en _clsk te ontbreken.

Wat je in Clarity moet bekijken

Clarity levert veel, en het risico is dat je uren opnames kijkt zonder vraag. Begin met een vraag, en kijk dan hier.

Wat Waar Wat het je vertelt
Rage clicks op je belangrijkste pagina's Dashboard, daarna de opnames met dat filter een element dat klikbaar lijkt en het niet is, of een knop die traag reageert
Dead clicks op afbeeldingen en koppen Click map, filter dead clicks waar bezoekers een link verwachten
Scrolldiepte tot je belangrijkste knop Scroll map of je oproep boven of onder het punt staat waar de meesten afhaken
Afhakers in je formulier of checkout Opnames, gefilterd op de URL van de stap bij welk veld mensen stoppen of heen en weer gaan
Fouten na een klik Dashboard, JavaScript-fouten, alleen klikfouten een script dat een knop breekt, vaak alleen op één browser

Vergelijk steeds mobiel en desktop apart. Een pagina die op een laptop werkt, kan op een telefoon een knop onder de vouw hebben die niemand ziet.

Wat je vindt is een hypothese, geen bewijs. Een rage click op een productfoto zegt dat bezoekers willen inzoomen, niet dat inzoomen meer verkoopt. Dat toets je, en hoe je die stap opbouwt staat in conversieoptimalisatie.

Microsoft Clarity of Hotjar?

Hotjar is sinds 2021 van Contentsquare en is in 2025 in dat platform opgegaan. Het gratis plan van Hotjar wordt uitgefaseerd; het gratis instappunt heet nu Contentsquare Free. Het grootste verschil zit niet in de heatmaps maar in wat eromheen zit.

Clarity Contentsquare Free (voorheen Hotjar)
Prijs gratis, geen betaalde versie gratis plan, daarboven betaalde plannen
Volume gratis geen verkeerslimiet, tot 100.000 opnames per dag 200.000 sessies per maand, 10.000 opnames
Heatmaps en opnames ja ja
Enquêtes en feedbackknop nee ja

Kies Clarity als je wilt zien wat bezoekers doen en daar niets voor wilt betalen. Clarity koppelt bovendien met GA4: je ziet dan segmenten uit Google Analytics terug bij je opnames. Kies Contentsquare als je ook wilt vragen waarom, met een enquête of een feedbackknop op de pagina. Allebei naast elkaar draaien levert vooral dubbele scripts op.

Privacy en AVG

Microsoft noemt Clarity in de FAQ AVG-conform. Dat zegt iets over Microsoft, niet over jouw site. Jij plaatst de cookies en jij bent degene die toestemming moet vragen, en Microsoft zegt dat ook letterlijk: je moet bezoekers informeren over de cookies die Clarity gebruikt.

Drie dingen om in te richten:

  • Maskering. Standaard staat Clarity op Balanced: getallen en e-mailadressen worden gemaskeerd. Strict maskeert alle tekst, Relaxed niets. Invoervelden en keuzelijsten zijn in alle standen gemaskeerd. Gemaskeerde inhoud wordt niet naar Clarity verstuurd. Op een pagina met klantgegevens, zoals een accountomgeving, zet je het attribuut data-clarity-mask op het element.
  • Cookiebanner. Clarity vraagt twee signalen, analytics_storage en ad_storage. Zet het in je banner onder de categorieën die daarbij horen, met een eigen omschrijving.
  • Toestemming doorgeven. Zie hierboven. Een banner die Clarity blokkeert maar nooit het signaal doorgeeft, laat je zonder bruikbare opnames zitten.

Let ook op wat maskering niet dekt: tekst in stylesheets wordt niet gemaskeerd, en URL-parameters alleen op aanvraag bij Microsoft. Staat er een e-mailadres in een URL, dan staat het in Clarity.

Microsoft Clarity is gratis, snel geïnstalleerd en laat zien waar je site bezoekers in de weg zit. De meeste waarde zit in de inrichting: toestemming, maskering en de koppeling met je bestaande meting. Hoe we dat aanpakken staat bij data en tracking.

Veelgestelde vragen

Wat doet Microsoft Clarity?

Clarity laat zien hoe bezoekers je website gebruiken. Het maakt heatmaps van klikken, scrollen en aandacht, neemt sessies op als reconstructie van het bezoek, en markeert zelf rage clicks, dead clicks, quick backs en JavaScript-fouten. Daarmee zie je waar bezoekers vastlopen, iets wat webanalyse alleen als getal laat zien.

Is Clarity gratis?

Ja. Microsoft biedt Clarity gratis aan, zonder verkeerslimiet en zonder betaalde versie. Er zijn wel technische grenzen: tot 100.000 opgenomen sessies per project per dag, en opnames blijven 30 dagen staan, favorieten en een steekproef tot negen maanden. Voor de meeste websites in het mkb zijn dat geen grenzen die je raakt.

Is Microsoft Clarity AVG-proof?

Microsoft noemt Clarity AVG-conform, maar dat dekt jouw site niet vanzelf. Jij plaatst de cookies en vraagt toestemming. Sinds 31 oktober 2025 moet je voor bezoekers uit de EER een toestemmingssignaal doorgeven, via Google Consent Mode, een cookieplatform of de Consent API. Zet daarnaast de maskering goed voor pagina's met klantgegevens.

Wat is het verschil tussen Clarity en Hotjar?

Allebei tonen heatmaps en sessie-opnames. Clarity is volledig gratis, zonder verkeerslimiet. Hotjar is opgegaan in Contentsquare, dat een gratis plan heeft tot 200.000 sessies per maand en betaalde plannen, en voegt enquêtes en een feedbackknop toe. Wil je alleen gedrag zien, dan volstaat Clarity meestal.

Bronnen

Portret van Jos van der Pluijm tussen de stellingen van een magazijnVragen hierover?Mail Josjos@klubb.nl

Verder lezen

Data

Google Analytics-alternatieven: wanneer overstappen iets oplost en wanneer niet

6 minE-commerce

Wat kost een webshop laten maken? Kosten per platform en per maand

8 minData

Server side tracking op Shopify: wat het platform anders maakt

6 min

Let’s work together.

Wil je weten hoe dit voor jouw business uitpakt? Plan 30 minuten met Daan of Jos.

Let's work togetherStuur een mail