WordPress heatmap en scrollmap plugin van ons
Met onze heatmap- en scrollmapplugin zie je waar bezoekers klikken en waar ze afhaken, zonder dat er data naar een extern platform gaat. Deze pagina is de uitleg erbij: hoe die kaarten ontstaan, hoe je ze leest zonder de verkeerde conclusie te trekken, wat er per gebeurtenis wordt vastgelegd en wat er nadrukkelijk niet wordt vastgelegd. Zelf downloaden kan hieronder, en de productpagina met de kaartweergave staat op heatmap en scrollmap zonder cookies.
manage_options nodig, dus beheerder.
Het scherm waar je bepaalt wat er gemeten wordt
De kaart zelf staat op de productpagina. Dit is het andere scherm, en voor deze uitleg het belangrijkste: onder UX Heatmaps en dan Settings staat wat er wel en niet gemeten wordt, hoe lang het bewaard blijft en hoeveel regels er op dit moment in je tabel staan. Meten staat na het activeren nog uit; je zet het hier zelf aan.
UX Heatmap and Scrollmap
Settings
Measuring
Privacy
What is in the table right now
| Rijen in wp_wpuxh_events | 4.812 |
| Oudste gebeurtenis | 21 mei 2026 |
| Kolommen met bezoekersgegevens | 0 |
Wat je ziet in de heatmap en de scrollmap
De WordPress heatmap plugin en scrollmap plugin UX Heatmap and Scrollmap draait volledig binnen je eigen WordPress omgeving. Geen extern dashboard, geen losse inlog. Je installeert de plugin, kiest een pagina en ziet direct hoe bezoekers zich gedragen.
De heatmap toont gekleurde punten op knoppen, links en andere elementen die vaak worden aangeraakt
De scrollmap laat met kleurblokken zien hoe ver bezoekers gemiddeld naar beneden scrollen en waar ze afhaken. Gewone analytics geeft je cijfers, zoals sessies en bounce rate. Deze plugin laat het gedrag zelf zien. Je krijgt een beeld in plaats van een tabel.
Dat maakt de tool geschikt voor twee groepen
Ben je ondernemer, dan hoef je geen analist te zijn om te snappen waar bezoekers vastlopen. Werk je als marketeer of bureau, dan combineer je de cijfers uit analytics met de visuele patronen uit de heatmap en scrollmap.
Voordat je begint, is het slim om vast te leggen wat je wilt weten:
- De belangrijkste pagina waar je mee wilt starten
- De belangrijkste actie op die pagina
- Wat je wilt zien in de heatmap
- Wat je wilt zien in de scrollmap
- Welke beslissing je durft te nemen op basis van de data
Waarom een eigen plugin vaak beter werkt dan externe tools
Veel heatmaptools draaien buiten je website om. Je stuurt gedrag van je bezoekers naar een extern platform, hebt daar een account voor nodig en krijgt er meestal een cookiemelding bij. UX Heatmap and Scrollmap kiest een andere route: alles blijft binnen jouw eigen WordPress. De gebeurtenissen gaan naar je eigen admin-ajax.php en in een eigen tabel in je eigen database, en de plugin doet geen enkel verzoek naar een andere server. Ook niet naar ons: wij zien niet eens dat je hem hebt geinstalleerd.
Wat dat kost aan snelheid is te overzien
Het script op de voorkant is een bestand van 17,7 KB zonder afhankelijkheden, ongeveer 5,3 KB gecomprimeerd over de lijn, het wordt in de voettekst geladen en het houdt zichzelf tegen bij maximaal 250 gebeurtenissen per paginaweergave. Het blokkeert het tekenen van de pagina niet. Geen belofte over jouw laadtijd overigens, want die hangt van je hele site af; het is wat deze plugin eraan toevoegt.
De plugin hoort bij ons bredere software aanbod, waaronder de AI Traffic Loss Shield en de llms.txt generator, die allebei ook gratis zijn.
Deze plugin past bij jouw situatie als je gedrag wilt zien zonder bezoekers te overladen met externe scripts, als je inzicht wilt binnen hetzelfde WordPress dashboard, of als je een lichte oplossing zoekt die past bij een snelle site.
Wat de plugin doet en hoe de data binnenkomt
Onder de motorkap gebeurt er precies twee dingen op de voorkant van je site, en verder niets. Bij een klik onthoudt het script waar die klik viel, en bij het scrollen hoe diep de bezoeker op die pagina is gekomen. Dat gaat naar je eigen WordPress en daar houdt het op.
Wat er per klik meegaat is de positie in het venster en dezelfde positie als percentage van de volledige paginahoogte
Dat tweede getal is het verschil tussen een kaart die klopt en een kaart die onzin is: zonder dat percentage wordt een klik onderaan een lange pagina bovenin getekend, en dat is precies de fout die in versie 1.x zat. De scrolldiepte wordt per paginaweergave als diepste stand bewaard, zodat iemand die op en neer scrollt niet vier keer meetelt.
Het filter desktop, tablet en mobiel volgt uit de vensterbreedte die de browser zelf meestuurt, en niet uit een browserkenmerk of een apparaatnaam
Bewust zo gedaan: een vensterbreedte zegt genoeg om drie groepen te maken en is niets waarmee je iemand herkent. Meer wilden we er ook niet van weten.
Wil je de eerste resultaten meteen omzetten in actie, gebruik dan dit werkblad:
- De pagina die je bekijkt
- Het patroon dat je direct opvalt
- Het element dat veel kliks ontvangt
- Het element dat bijna geen kliks krijgt
- De aanpassing die je minimaal wilt testen
Zo installeer je de plugin
De download staat bovenaan deze pagina, zonder aanvraag en zonder account. Het is een gewone plugin-zip die je uploadt zoals elke andere. Reken op vijf minuten, en op een dag verkeer voordat er iets te zien is.
Klik bovenaan op de downloadknop. Je krijgt wp-ux-heatmap-2.1.0.zip, 82 KB. Pak hem niet uit: WordPress wil de zip zelf.
Ga in WordPress naar Plugins, dan Nieuwe plugin toevoegen, en klik daar op Plug-in uploaden. Kies het zipbestand, klik Nu installeren en daarna Plugin activeren.
Meten staat standaard uit. Ga naar UX Heatmaps, dan Settings, en zet Enable tracking aan. Je ziet dan het scherm uit FIG.01 hierboven, met de teller erbij.
Open je site in een venster waarin je uitgelogd bent en klik wat rond. Open daarna UX Heatmaps en kies je pagina uit de lijst links.
Er zit geen extern account tussen en er is geen sleutel nodig. Blijft de lijst met pagina's leeg, dan staat Enable tracking nog uit of ben je zelf ingelogd terwijl ingelogde bezoekers niet meegeteld worden. Blijft het venster met je eigen pagina wit terwijl de getallen ernaast wel kloppen, dan verbiedt je site het tonen in een frame via X-Frame-Options of een Content-Security-Policy; dat is een instelling van je site en niet van de plugin, en de getallen blijven in dat geval gewoon kloppen.
Laat je de installatie liever begeleiden, dan helpt onze WordPress specialist je op weg. Heb je net pas een nieuwe site laten bouwen, bijvoorbeeld met een WordPress website laten maken in Tilburg, dan is deze plugin een logische vervolgstap om meteen te zien hoe bezoekers je nieuwe site gebruiken.
De helft van het werk is niet te veel afleiden uit een vlek
Een heatmap is overtuigend om naar te kijken, en dat is meteen het gevaar ervan. Dit is de scheidslijn die wij zelf aanhouden voordat we een pagina op de schop nemen: links wat de kaart hard maakt, rechts wat je erbij bedenkt zonder dat het er staat.
- Waar geklikt is. Dat is een geteld feit, geen interpretatie, en het staat op de plek waar de bezoeker echt zijn vinger of muis had.
- Hoe ver mensen kwamen. Het scrollpaneel zegt welk deel van de bezoekers 25, 50, 75 en 100 procent van de pagina haalde.
- Dat er op iets geklikt wordt dat geen link is. De lijst met elementen zet erbij of het aangeklikte element wel een link was.
- Dat het op mobiel anders gaat dan op desktop. Hetzelfde ontwerp geeft geregeld twee verschillende kaarten.
- Waarom iemand klikte. Nieuwsgierigheid, verwarring en enthousiasme geven exact dezelfde vlek.
- Dat een koele knop een slechte knop is. Vaak staat hij gewoon onder het punt waar de meeste mensen al weg waren.
- Dat de verandering het deed. De kaart laat verschil zien, niet oorzaak. Wie zekerheid wil, heeft een test nodig en deze plugin doet er geen.
- Dat de kaart nog klopt na een herindeling. Er wordt getekend op de plek van de klik, niet op het element. Verschuif je blokken, dan slaan oudere kliks nergens meer op.
- Dat dit over personen gaat. Elke paginaweergave krijgt een nieuw willekeurig nummer, dus je ziet gedrag op een pagina en nooit iemands route.
Privacy: wat er per gebeurtenis wordt vastgelegd
Dit is de reden dat deze plugin naast alle bestaande heatmaptools bestaat, dus hij hoort hier voluit te staan. Per klik of scrollstap komt er precies een regel in je eigen database, en daar staat dit in:
- een willekeurig nummer dat de gebeurtenissen van een paginaweergave bij elkaar houdt en verdwijnt zodra de pagina sluit;
- het soort gebeurtenis, klik of scroll;
- het pad van de pagina, zonder de queryreeks en zonder het anker, want dat is het stuk van een webadres waar een naam, een e-mailadres of een token in kan staan;
- de klikpositie, en die positie als percentage van de volledige paginahoogte;
- de breedte en hoogte van het venster;
- de scrolldiepte als percentage;
- een korte CSS-selector van het aangeklikte element;
- de volledige hoogte van de pagina op dat moment;
- twee vlaggen die zeggen of de klik deel was van een woedeklik of een dode klik, plus hoe groot die woedeklik was;
- een enkel cijfer dat zegt of deze paginaweergave hier begon of via een klik op je eigen site binnenkwam;
- het tijdstip volgens je eigen server.
En dit staat er nadrukkelijk niet in: geen cookie en niets in localStorage of sessionStorage, geen IP-adres, ook niet als versleutelde afdruk, geen browserreeks, geen gebruikersnummer, geen koppeling met een WordPress-account en geen verwijzend adres, alleen dat ene cijfer dat zegt of het bezoek van je eigen site kwam. Er gaat ook niets naar ons of naar een andere partij, want de plugin doet geen enkel uitgaand verzoek.
Het nummer dat een paginaweergave bij elkaar houdt is nieuw bij elke weergave
Twee bezoeken van dezelfde persoon zijn dus twee losse reeksen regels zonder iets gemeenschappelijks. Dat is de ruil: je kunt niemand over je site volgen, en in ruil daarvoor valt er niets te volgen.
De plugin zet geen cookie en schrijft niets in de opslag van je bezoeker
Daarmee vervalt de reden waarom een heatmaptool meestal een cookiebanner nodig heeft. Of je in jouw situatie helemaal geen toestemming hoeft te vragen, blijft aan jou en aan je eigen jurist: artikel 11.7a van de Telecommunicatiewet gaat over alles wat op een apparaat wordt gezet of uitgelezen en niet alleen over cookies, en de richtsnoeren van de EDPB van 7 oktober 2024 rekenen ook opdrachten aan de browser om informatie terug te sturen tot dat bereik.
Deze plugin stuurt onder meer de breedte en hoogte van het scherm mee
Wat je verder in je eigen privacyverklaring opneemt blijft je eigen afweging, en het instellingenscherm uit FIG.01 laat letterlijk zien wat er in de tabel staat en hoeveel regels dat zijn, zodat je dat aan een klant of aan een functionaris gegevensbescherming kunt tonen. Waarom wij dat onderscheid maken staat in onze cookieverklaring.
Draaide er al een oudere versie op je site, dan haalt de update van 2.0.0 twee kolommen met bezoekersgegevens uit de tabel, inclusief alles wat er al in stond
Dat is met opzet onomkeerbaar.
Heatmap en scrollmap data gebruiken voor SEO, conversie en AI
Voor SEO gebruik je de data om te zien of bezoekers de belangrijkste informatie wel bereiken. Je herkent delen van een pagina waar mensen vastlopen, verplaatst content naar posities met meer aandacht en onderbouwt SEO wijzigingen met visuele data in plaats van aannames.
Voor conversie controleer je of je call to action knoppen logisch staan
Je vergelijkt varianten met een andere volgorde van blokken, gebruikt scrollmap data om de lengte van een formulier te bespreken en koppelt de inzichten aan A/B testen.
De tool is ook te combineren met bescherming tegen het overnemen van je content door AI
Je bepaalt met de heatmap en scrollmap data welke blokken op een pagina de meeste aandacht krijgen, en dus het meest de moeite waard zijn om te beschermen.
Werk je liever stap voor stap, gebruik dan dit actieplan:
- Het belangrijkste inzicht uit de heatmap
- Het belangrijkste inzicht uit de scrollmap
- De aanpassing die je direct gaat testen
- De pagina waar je een tweede meting wilt doen
- Hoe je dit koppelt aan je bredere SEO en AI strategie
Checklist voor een goede start
Loop deze punten na voordat je de eerste conclusies trekt.
- Je hebt UX Heatmap and Scrollmap geïnstalleerd en geactiveerd
- Je hebt minimaal één pagina geselecteerd voor meting
- Je hebt vooraf opgeschreven wat je wilt leren
- Je hebt de eerste patronen vergeleken met je verwachtingen
- Je hebt minimaal één wijziging ingepland
- Je hebt nagedacht over hoe dit past bij je bredere SEO en AI strategie
Veelgestelde vragen
Wat kost dit aan snelheid?
Het script op de voorkant is een bestand van 17,7 KB zonder afhankelijkheden, ongeveer 5,3 KB gecomprimeerd over de lijn, het wordt in de voettekst geladen, het blokkeert het tekenen van de pagina niet en het stuurt maximaal 250 gebeurtenissen per paginaweergave. Meer dan dat kunnen we niet beloven, want de rest van je laadtijd gaat over jouw site en niet over deze plugin.
Heb ik een extern account of een aparte cookiebanner nodig?
Geen van beide. Hij draait binnen WordPress, zet geen cookie en schrijft niets in de opslag van je bezoeker, dus de reden waarom zo'n tool meestal een cookiebanner nodig heeft vervalt. Of jij daarmee helemaal geen toestemming hoeft te vragen, blijft je eigen afweging met je eigen jurist: artikel 11.7a van de Telecommunicatiewet gaat over alles wat op een apparaat wordt gezet of uitgelezen en niet alleen over cookies. Wat er wel wordt vastgelegd staat hierboven bij DOC.05.
Werkt hij met een cacheplugin?
Ja. Er staat niets in de pagina dat verloopt, dus een pagina die uit de cache komt blijft meten. Het beheerscherm wordt door WordPress zelf nooit gecachet.
Werkt de plugin samen met onze andere tools?
Ja, en met je bestaande analytics ook. Hij vervangt niets, hij zegt alleen iets over een pagina wat een tabel niet zegt. De andere twee gratis plugins zijn de AI snippet previewer en de llms.txt generator.
Kan ik de plugin veilig gebruiken op klantomgevingen?
Ja. De gegevens blijven in de WordPress van die klant staan, er gaat niets naar ons, en het instellingenscherm toont letterlijk wat er bewaard is en hoeveel regels dat zijn. Dat kun je laten zien aan een klant of aan een functionaris gegevensbescherming.
Wat gebeurt er als ik de plugin verwijder?
Dan gaan de tabel en de instellingen weg. Deactiveren doet dat niet: dan stopt alleen de dagelijkse opruimtaak en blijven je metingen staan, zodat een plugin die je even uitzet niemand zijn cijfers kost.
Volgende stap
De snelste route is de knop bovenaan: downloaden, activeren, aanzetten en een dag verkeer laten binnenkomen. De kaartweergave en de leeswijzer met de vier veelvoorkomende patronen staan op de productpagina van de heatmap- en scrollmapplugin. Twijfel je tussen deze plugin en een externe tool als Hotjar of Clarity, dan staat die afweging in de vergelijking van heatmaptools. En zoek je de andere gratis plugins, dan staan die in het register van tools en plugins.
Wil je weten hoe deze plugin aansluit bij jouw site en je bredere online strategie? Plan een gesprek en we kijken samen waar voor jou de meeste winst te halen is.