Heatmaps voor websites: wat ze zijn en hoe u ze leest
Heatmaps voor websites
Wat is een heatmap? Klik- en scrollkaarten voor websites uitgelegd | We.Inc
Wat een heatmap voor websites is, hoe klik-, scroll- en aandachtskaarten worden verzameld, hoe u omgaat met privacy en toestemming, en een live demo die een heatmap tekent van uw eigen klikken.
Een heatmap voor websites is een afbeelding van uw pagina met een kleurlaag die laat zien waar bezoekers klikten, hoe ver ze scrolden of waar ze tijd doorbrachten. Warme kleuren betekenen veel bezoekers, koele kleuren weinig. Een klein script op de pagina registreert de interacties, en de tool telt ze op over veel bezoeken.
Veelvoorkomende soorten heatmaps
Soort
Wat het laat zien
Welke vraag het beantwoordt
Klikkaart
Waar mensen klikten of tikten
Drukt er iemand op mijn hoofdknop?
Scrollkaart
Het aandeel bezoekers dat elke diepte van de pagina bereikte
Zien mensen ooit mijn prijzen?
Gebiedskaart
Totaal aantal klikken binnen een gebied dat u selecteert
Hoeveel wordt het hele menu gebruikt?
Aandachtskaart
Tijd besteed aan elk deel van de pagina
Welke sectie houdt mensen vast?
Bewegingskaart
Waar de muisaanwijzer heen ging, aangeboden door sommige tools
Waar worden desktopbezoekers naartoe getrokken?
Analytics vertelt u hoeveel mensen een pagina bezochten. Een heatmap laat zien wat ze daar deden. Voor de site van een klein bedrijf verklaart dat het raadsel vaak in één oogopslag: de knop waar niemand op klikt, de foto waar iedereen op tikt in de verwachting dat het een link is, het aanbod dat onder het punt staat waar de meeste bezoekers stoppen met scrollen. Probeer de demo om te zien hoe er een wordt opgebouwd.
Kies een heatmaptool en maak een project aan voor uw site.
Voeg het trackingscript van de tool toe aan elke pagina, of installeer de plugin voor uw websitebouwer.
Stel toestemming in als u bezoekers hebt uit regio's waar dat verplicht is, en kies hoeveel paginatekst de tool mag vastleggen.
Wacht op een paar honderd bezoeken aan de pagina die u belangrijk vindt voordat u conclusies trekt.
Open de heatmap voor die pagina, bekijk mobiel en desktop apart, en schrijf één wijziging op om te testen.
Bekijk telefoons en computers apart. Dezelfde pagina wordt anders opgemaakt, dus gemengde kaarten lopen door elkaar.
Klikken op dingen die geen link zijn, zoals foto's of vetgedrukte tekst, betekenen dat mensen verwachten dat ze iets doen.
Stoppen de meeste bezoekers met scrollen voor uw call-to-action, zet die dan hoger in plaats van hem groter te maken.
Rage clicks, waarbij iemand steeds opnieuw op dezelfde plek tikt, wijzen vaak op een kapot of traag element.
Zie een heatmap als bron van ideeën en bevestig de wijziging daarna met een A/B-test of conversiegegevens.
Veelgestelde vragen
Bestaan er gratis heatmaptools?
Ja. De documentatie van Microsoft beschrijft Clarity als een voor altijd gratis dienst, met klik-, scroll-, gebieds-, conversie- en aandachtskaarten plus sessie-opnames. Andere tools zoals Hotjar bieden ook heatmaps; bekijk hun actuele abonnementen op hun eigen sites.
Hoeveel bezoekers heb ik nodig voor een bruikbare heatmap?
Er is geen officieel getal. Sommige tools tekenen een kaart op basis van heel weinig verkeer, maar een handvol bezoeken toont vooral individuele gewoonten. Wacht tot het patroon niet meer verandert als er meer bezoeken binnenkomen, voordat u iets herontwerpt.
Hebben heatmaps cookietoestemming nodig?
Dat hangt af van de tool en van de wetgeving waar uw bezoekers zich bevinden. Clarity begon bijvoorbeeld op 31 oktober 2025 toestemmingssignalen af te dwingen voor bezoeken uit de EER, het VK en Zwitserland. Dit is geen juridisch advies; controleer de regels die voor u gelden.
Leggen heatmaptools vast wat mensen typen?
Goede tools verbergen dat. De documentatie van Clarity zegt dat inhoud in invoervelden en keuzelijsten in elke modus wordt gemaskeerd, en dat de standaardmodus Balanced ook getallen en e-mailadressen maskeert.
Wat is het verschil tussen een heatmap en een sessie-opname?
Een heatmap telt veel bezoeken op tot één beeld van een pagina. Een sessie-opname speelt de route van één bezoeker over meerdere pagina's af. Heatmaps tonen patronen; opnames helpen één vreemd geval te verklaren.
Hoe de gegevens worden verzameld
Een script op uw pagina luistert naar klikken, tikken en scrollen en stuurt kleine records naar de tool: op welk element werd gedrukt, de paginabreedte, hoe ver de bezoeker kwam. De tool groepeert de records daarna per pagina en apparaat en kleurt de pagina in.
Betere tools koppelen klikken aan pagina-elementen in plaats van aan ruwe schermposities. De documentatie van Clarity zegt dat de klikkaarten elementen gebruiken in plaats van de absolute muispositie, zodat kaarten nauwkeurig blijven op verschillende schermformaten en in responsive layouts.
Privacyinstellingen om op dag één te kiezen
Bepaal hoeveel paginatekst de tool mag opslaan. Clarity biedt Strict, dat alle inhoud maskeert, Balanced, dat gevoelige inhoud zoals getallen en e-mailadressen maskeert, en Relaxed, dat alleen formuliervelden en keuzelijsten maskeert.
U kunt ook losse delen van een pagina als privé markeren. In Clarity is dat het attribuut data-clarity-mask, te zien in de code hieronder. Clarity zegt ook dat het niet gebruikt moet worden op sites die gericht zijn op gebruikers onder de 18.
Code die u misschien nodig hebt
Twee korte fragmenten voor sites die Clarity gebruiken. Beide volgen de gepubliceerde API van Microsoft; de waarden hier zijn voorbeelden.
Eén deel van een pagina verbergen voor opnames
Met data-clarity-mask en de waarde True wordt dat element met alles erin gemaskeerd, ongeacht de instelling voor de hele site.
Clarity laten weten dat de bezoeker ja zei
Roep dit aan vanuit uw cookiebanner nadat de bezoeker accepteert. Weigert de bezoeker, dan draait Clarity zonder cookies en is er geen aanroep nodig.
Hoe de demo warmte tekent
Elke klik wordt een zachte cirkel uit createRadialGradient. Overlappende cirkels stapelen, dus drukke plekken worden donkerder.
Maak een heatmap van uw eigen klikken
Klik of tik ergens op de voorbeeldpagina hieronder. Elke klik voegt warmte toe. Er wordt niets verzonden: de klikken blijven in dit browsertabblad.
Voorbeeldpagina. Klik om op die plek warmte toe te voegen.
Vastgelegde klikken: {n}
Klikken wissen
Toon de pagina onder de warmte
Menu
Bestellen
Bezoek
Vers zuurdesembrood, om 5 uur 's ochtends gebakken
Bestel voor 10 uur 's avonds en haal de volgende ochtend op.