Microsoft Clarity installeren: zie precies waarom bezoekers afhaken

Een bezoeker vult de helft van je contactformulier in en sluit dan de tab. Analytics laat een bounce zien, maar niet waarom die persoon afhaakte. Microsoft Clarity speelt die sessie voor je terug, zodat je precies ziet waar het misging.

Key takeaways

• Microsoft Clarity is gratis, heeft geen sessielimiet en installeer je in een paar minuten via Google Tag Manager of een code-snippet.
• Heatmaps tonen waar bezoekers klikken, scrollen en hun muis laten stilstaan. Sessieopnames tonen het gedrag van één bezoeker in detail.
• De filters 'Rage clicks', 'Dead clicks' en 'Excessive scrolling' wijzen automatisch naar sessies waar iets misging, zodat je niet willekeurig opnames hoeft door te spitten.
• Clarity maskeert tekstvelden standaard, dus je kunt het ook op formulieren met persoonsgegevens gebruiken zonder AVG-risico.
• Combineer Clarity altijd met een kwantitatieve bron zoals Google Analytics. Clarity laat zien wát er gebeurt, Analytics laat zien hoe vaak.

1. Maak een Clarity-project aan en installeer de code

Ga naar clarity.microsoft.com en log in met een Microsoft-account, of maak er gratis een aan. Klik op 'Add new project', vul de naam en de URL van je website in en kies de branche. Clarity genereert daarna een trackingcode.

Je hebt twee manieren om die code te plaatsen. Heb je al Google Tag Manager op de site staan, kies dan de GTM-optie. Clarity levert een kant-en-klare tag die je in GTM plakt en publiceert. Heb je geen tag manager, plak de code dan rechtstreeks in de head van je site, bijvoorbeeld via een pluginveld als je met WordPress werkt.

Je weet dat het gelukt is als het Clarity-dashboard binnen een paar minuten 'Data verzameld' toont in plaats van 'Wachten op gegevens', en de eerste sessies binnenkomen zodra iemand de site bezoekt.

2. Lees de heatmaps: klik-, scroll- en aandachtskaarten

Open in het dashboard een pagina en kies het tabblad Heatmaps. Clarity toont drie soorten kaarten. De klikkaart kleurt rood waar bezoekers het vaakst klikken, ook op elementen die geen link zijn. De scrollkaart laat zien tot waar bezoekers gemiddeld scrollen voor ze afhaken. De aandachtskaart toont waar de muis of aanraking het langst stilstaat, wat op desktop een goede indicatie is van leesgedrag.

Let specifiek op twee patronen. Klikken bezoekers op een element dat geen knop of link is, zoals een dikgedrukt woord of een afbeelding? Dan verwachten ze daar interactie en mis je een kans. Stopt de scrollkaart ver boven de call-to-action? Dan staat je belangrijkste knop te laag op de pagina.

Je ziet dat de analyse werkt zodra je een duidelijke afwijking herkent, bijvoorbeeld een knop die niemand aanraakt terwijl een niet-klikbaar element daarboven wel veel clicks krijgt.

3. Bekijk sessieopnames en filter op frustratiesignalen

Ga naar het tabblad Recordings. Filter niet willekeurig, maar op de signalen die Clarity zelf al herkent: 'Rage clicks' voor snel herhaald klikken, een teken van frustratie, 'Dead clicks' voor klikken op iets dat niet reageert, en 'Excessive scrolling' voor heen en weer scrollen, vaak een teken dat iemand iets zoekt en het niet vindt.

Speel een sessie af en let op het moment vlak vóór het afhaken. Ging de bezoeker terug naar het menu? Dan vond hij niet wat hij zocht. Klikte hij drie keer snel achter elkaar op hetzelfde element? Dan werkte iets niet zoals verwacht, bijvoorbeeld een knop die pas na een paar seconden reageert.

Bekijk minstens tien tot vijftien sessies per pagina voor je conclusies trekt. Eén opname kan toeval zijn, een patroon over meerdere sessies niet.

4. Zet de inzichten om in één concrete aanpassing

Kies per week één probleem uit de heatmaps of opnames en fix alleen dat. Is de call-to-action onzichtbaar voor de meeste bezoekers, verplaats hem dan hoger op de pagina. Klikken bezoekers op een niet-klikbare tekst, maak er dan een echte link van of verwijder de opmaak die als knop oogt.

Vergelijk na de wijziging de heatmap van dezelfde pagina over de volgende twee weken met de oude versie. Verschuift het klikpatroon naar het element dat je hebt aangepast, dan werkt de fix. Blijft het patroon gelijk, dan lag het probleem ergens anders en herhaal je de analyse.

Aanbevolen platforms en tools

Tips en tricks

• Gebruik het segment 'Excellent' en 'Frustrated' in Clarity om meteen de best en slechtst verlopen sessies te zien, in plaats van willekeurige opnames te doorlopen.
• Splits data altijd uit naar apparaat. Een probleem dat alleen op mobiel optreedt, verdwijnt in een gemiddelde over alle bezoekers.
• Clarity maskeert tekstvelden automatisch, maar controleer dit zelf op een formulier met gevoelige gegevens voor je de link met collega's deelt.
• Koppel Clarity aan Google Analytics via de instellingen. Je kunt dan vanuit een GA4-segment direct doorklikken naar de bijbehorende Clarity-opnames.
• Bewaar een korte notitie per week met wat je hebt gezien en wat je hebt aangepast. Zonder die notitie vergeet je na een paar maanden waarom een pagina eruitziet zoals hij eruitziet.

Doe de zelfscan

Begin vandaag met de installatie en laat de tracking minstens een week draaien voor je conclusies trekt. Heb je de heatmaps en opnames bekeken maar twijfel je over de juiste aanpassing, dan denkt HisarWeb met je mee.