WordPress heatmap en scrollmap zonder cookies
Zie in een oogopslag waar bezoekers op jouw WordPress-site klikken en hoe ver ze scrollen, zonder cookies en zonder extern dashboard. Onze eigen plugin UX Heatmap and Scrollmap laat dat gedrag direct in je eigen admin zien. Je downloadt hem hieronder, installeert hem als gewone plugin, en alles wat gemeten wordt blijft in je eigen database staan. Verderop staat de leeswijzer waarmee je die kaarten vertaalt naar aanpassingen aan knoppen, volgorde en lay-out.
Een kaart over je pagina, en een lat ernaast
Analytics vertelt je hoeveel mensen er waren. Dit vertelt je waar ze keken en waar ze stopten. Hieronder staat de situatie uit de sessie die verderop beschreven wordt: alle aandacht boven de vouw, de knop onderaan, en de helft van de bezoekers die hem nooit ziet.
Boven de vouw wordt geklikt, ook op dingen die geen knop zijn. De warme plek rechtsboven zit op een menu-item, de plek in het midden op een kop. Dat zijn geen fouten van de bezoeker maar aanwijzingen: daar verwacht hij iets.
De streep op de lat is het punt waar de helft is afgehaakt. Alles daaronder bestaat wel, maar wordt door minder dan de helft gezien. Een knop die daar staat is voor de helft van je bezoekers onzichtbaar.
De koele plek onderaan is de hoofdknop. Niet omdat de knop slecht is, maar omdat bijna niemand er nog is.
Vier patronen, en wat je er direct aan doet
Een heatmap is pas iets waard als je weet wat je met een vlek doet. Dit is de leeswijzer die wij zelf aanhouden: links wat je ziet, rechts wat je die middag verandert.
Een nieuw menu-item, en daarachter dit
Na het activeren staat er links in je beheerscherm een regel UX Heatmaps. Daar kies je een pagina, en dan zie je je eigen pagina in een venster met de klikken eroverheen, plus vier panelen ernaast. Zo ziet de opbouw van dat scherm eruit.
UX Heatmap and Scrollmap
See how visitors use your pages.
Tracked pages
- /dakkapel-plaatsen/412 events, 288 clicks, 124 scroll updates
- /offerte-aanvragen/196 events, 121 clicks, 75 scroll updates
- /over-ons/88 events, 51 clicks, 37 scroll updates
How far visitors get
Most clicked elements
- a.hero-cta96 clicks
- h2.dienst-kop31 clicks, geen link
- a.tel22 clicks
Je ziet niet waar bezoekers echt op klikken
Analytics geeft je cijfers, maar geen beeld. Je ziet hoeveel bezoekers een pagina openen, hoe lang ze blijven en via welk kanaal ze binnenkomen. Wat je niet ziet: waar ze met hun muis of duim naartoe gaan, welke knop ze negeren en op welk punt ze afhaken. Daardoor blijven belangrijke elementen zoals een call-to-action, een formulier of een menu-item onopgemerkt, ook als ze perfect ontworpen zijn.
Precies daarvoor is onze plugin UX Heatmap and Scrollmap gemaakt
Je bekijkt klik- en scrollgedrag direct in je eigen WordPress-omgeving, zonder cookies, zonder externe dashboards en zonder apart account. Deze plugin hoort bij het volledige aanbod tools en plugins van ons, waarin je ook de opzet van de WhatsApp review tool en het gratis zoekwoordenplan voor Google Ads vindt. Wil je eerst de langere uitleg over hoe de kaarten tot stand komen, lees dan zo werkt de heatmap en scrollmap plugin.
Wat de plugin precies doet
De plugin legt twee dingen vast op de voorkant van je site: waar bezoekers klikken, en hoe ver ze een pagina naar beneden komen. Dat wordt getekend als warmtelaag over een venster met je eigen pagina erin, met de getallen ernaast. Dit is wat er in zit, functie voor functie.
- Klikkaart per pagina: elke klik wordt bewaard met zijn positie in het venster en zijn positie over de volledige paginahoogte, zodat een klik onderaan een lange pagina ook onderaan getekend wordt.
- Scrolldiepte als bereik: per paginaweergave wordt de diepste stand bewaard, en het paneel toont welk deel van de bezoekers 25, 50, 75 en 100 procent haalde.
- Filter op apparaat: desktop, tablet en mobiel worden apart getoond, op basis van de vensterbreedte die de browser zelf meestuurt. Elk getal op het scherm volgt dat filter.
- Lijst met meest aangeklikte elementen: een korte CSS-selector per element, zodat je ziet waarop geklikt wordt en of dat element wel een link is.
- Woedeklikken: drie of meer klikken binnen een seconde die allemaal binnen veertig beeldpunten van elkaar landen. De hele reeks telt als een uitbarsting en niet als twee, en elke klik erin wordt gemarkeerd.
- Dode klikken: een klik op iets dat niet interactief is en waarna er binnen zeven tiende seconde niets veranderde. Niet de opmaak, niet het adres, niet de scrollstand, niet de paginahoogte, niet de focus en geen tekstselectie. Iets dat eruitziet als een knop en niets doet is precies wat hiermee gevonden wordt.
- De vouw en de leesregel: de scrollmeetlat naast het voorbeeld tekent waar de gemiddelde bezoeker de pagina binnenkomt en tot waar de helft van je bezoekers komt.
- Segmenten naast elkaar: desktop, tablet, mobiel, hier begonnen en van een andere pagina gekomen, elk met paginaweergaven, klikken, woedeklikken, dode klikken en de mediane diepte. Nieuw tegen terugkerend zit er bewust niet in, want dat kan niet zonder een cookie of browseropslag en die gebruikt deze plugin geen van beide.
- Een conclusie in gewone zinnen per pagina, met het element erbij genoemd, die alleen zegt wat de gegevens dragen en het zegt wanneer ze niets dragen.
- Bewaartermijn: een dagelijkse taak wist gebeurtenissen die ouder zijn dan de ingestelde termijn. Je kiest 30, 90, 180 of 365 dagen of alles bewaren; standaard is negentig dagen. Er is een knop die alles wist en een knop onder het voorbeeld die alleen deze pagina wist, allebei met een bevestiging ervoor.
- Alles blijft binnen je eigen WordPress: de plugin doet geen enkel verzoek naar een andere server. De gebeurtenissen gaan naar je eigen
admin-ajax.phpen in een eigen tabel in je eigen database.
Meten staat na het activeren nog uit
Je zet het zelf aan onder UX Heatmaps en dan Settings, en je kunt het op elk moment weer stilzetten zonder dat de verzamelde gegevens verdwijnen.
Zo installeer je hem, in vier stappen
Je hoeft geen developer te zijn. Het is een gewone plugin-zip die je uploadt zoals elke andere. Reken op vijf minuten, inclusief de eerste meting.
manage_options nodig, dus beheerder.Klik hierboven 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, dan Plugin 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. Ingelogde beheerders worden niet gevolgd, tenzij je dat aanvinkt.
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.
Werkt er iets niet, dan zit het bijna altijd in een van deze twee dingen. 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 pagina wit terwijl de getallen ernaast wel kloppen, dan verbiedt je site framing via een beveiligingskop, en dat is een instelling van je site en niet van de plugin.
Laat je de installatie liever begeleiden, dan kijkt onze WordPress specialist mee.
Wat hij wel doet, en wat hij niet doet
Deze plugin doet een paar dingen goed en een hoop dingen niet. Dat is geen bescheidenheid maar een keuze: alles wat hij niet doet, hoefde ook niet gemeten te worden om te zien waar een pagina vastloopt. Allebei de lijsten, zodat je weet wat je binnenhaalt.
- Klikkaart over je eigen pagina, met de klikpositie gemeten over de volledige paginahoogte en niet alleen binnen het venster.
- Scrollbereik per paginaweergave, in vier stappen van 25 procent.
- Desktop, tablet en mobiel apart, waarbij elk getal op het scherm dat filter volgt.
- Meest aangeklikte elementen, met de aantekening erbij als er geklikt wordt op iets dat geen link is.
- Bewaartermijn, een wisknop en een schone verwijdering: de plugin weghalen laat niets achter in je database.
- Geen sessieopnames, geen muisbewegingen, geen toetsaanslagen, geen formulieranalyse.
- Geen reis over meerdere pagina's. Elke paginaweergave krijgt een nieuw willekeurig nummer, dus twee bezoeken van dezelfde persoon zijn niet aan elkaar te knopen.
- Geen A/B-test, geen trechters en geen sessieopnames. Woede- en dodeklikken zitten er sinds 2.1.0 juist wel in: hoe die precies geteld worden staat hierboven bij de functiebeschrijving.
- Geen beeld als je site framing verbiedt. Het venster blijft dan leeg, het scherm zegt dat erbij, en de getallen ernaast blijven kloppen.
- Geen Nederlandse beheerschermen. De teksten in de admin zijn Engels.
Privacy: wat er wel en niet wordt opgeslagen
Dit is de reden dat deze plugin naast alle bestaande heatmaptools bestaat, dus hij hoort hier volledig te staan en niet in een voetnoot. Per gebeurtenis komt er precies één regel in je eigen database, en die regel bevat dit:
- een willekeurig nummer dat de gebeurtenissen van één 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 browserkenmerk, 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.
Omdat er niets op het apparaat van je bezoeker wordt gezet of gelezen, is er voor deze plugin geen toestemmingsvraag voor cookies nodig
Wat je verder in je eigen privacyverklaring opschrijft blijft jouw afweging; het instellingenscherm toont letterlijk wat er in de tabel staat en hoeveel regels het zijn, zodat je dat kunt laten zien aan wie ernaar vraagt. Waarom wij dat onderscheid maken staat in onze cookieverklaring.
Twee dingen erbij
Stuurt een browser Do Not Track of Global Privacy Control mee, dan doet de meter helemaal niets; dat staat standaard aan en je kunt het uitzetten. En draaide er al een oudere versie op je site, dan haalde de update naar 2.0.0 twee kolommen met bezoekersgegevens uit de tabel, inclusief alles wat er al in stond; 2.1.0 voegt er vijf kolommen aan toe voor de wrijvingsvlaggen, de paginahoogte en het beginpunt, en dat gebeurt een keer bij de eerste beheerpagina na het bijwerken.
Van kaart naar concreet advies: de leeswijzer
Een heatmap vertelt je niets als je niet weet waar je naar kijkt. Er staat op deze pagina geen scan die dat voor je invult; wat er staat is de leeswijzer die wij zelf aanhouden, hierboven samengevat en hieronder uitgeschreven.
Loop na het bekijken van je kaarten deze vier vragen langs
Zit er een warme zone op iets dat geen link is? Dan verwachten bezoekers daar een knop. Staat je hoofd-cta op mobiel onder de vouw, terwijl de klikken zich boven de vouw verzamelen? Dan wordt hij simpelweg niet gezien. Valt de scrolldiepte weg voordat mensen bij de cta komen? Dan staat er te veel voor. En staan je reviews of cases pas onder het punt waar de meeste bezoekers afhaken? Dan overtuigen ze niemand.
Deze leeswijzer is bedoeld voor iedereen die al met heatmaps en scrollmaps werkt maar niet precies weet wat de kleurpatronen betekenen
Voor marketeers, site-eigenaren en bureauteams vertaalt hij ruwe kaarten naar besluiten die je meteen kunt doorvoeren.
Veelgestelde vragen
Wat is het verschil tussen een heatmap en een scrollmap? Een heatmap laat zien waar bezoekers op de pagina klikken en welke onderdelen de meeste interactie krijgen. Een scrollmap laat zien hoe ver bezoekers naar beneden scrollen en welk deel van de pagina vaak wel of juist bijna nooit in beeld komt.
Is de plugin gratis?
Ja. Je downloadt hem hierboven, er is geen account nodig en er komt geen betaalde versie achteraan waarvoor deze versie ineens beperkt wordt. Hij staat onder GPLv2 of later, dus je mag hem aanpassen en doorgeven.
Zet de plugin een cookie?
Nee, en dat is nu ook echt zo in de code na te lezen. Er wordt niets op het apparaat van je bezoeker gezet of gelezen, ook niet in localStorage of sessionStorage. Het nummer dat de gebeurtenissen van één paginaweergave bij elkaar houdt, bestaat alleen zolang die pagina open staat.
Gaat er data naar ons?
Nee. De plugin doet geen enkel uitgaand verzoek. Alles gaat naar je eigen admin-ajax.php en in een eigen tabel in je eigen database. Wij zien niets, ook niet of je hem geïnstalleerd hebt. Dat is geen belofte maar een gevolg van de bouw.
Werkt de plugin samen met andere analyticstools?
Ja. De plugin vervangt je bestaande analytics niet, maar vult die aan. Je gebruikt gewoon je huidige statistiekenpakket en zet de heatmap ernaast om te zien wat de cijfers op paginaniveau betekenen.
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.
Mag ik hem op klantsites zetten?
Ja. De gegevens blijven in de WordPress van die klant staan en het instellingenscherm toont letterlijk wat er bewaard wordt, dus je kunt dat laten zien aan een klant of aan een functionaris gegevensbescherming.
Moet ik developer zijn om de plugin te gebruiken?
Nee. Installatie gaat via de standaard WordPress-plugin-upload en daarna bekijk je per pagina de heatmap en scrollmap, zonder technische aanpassingen. De beheerschermen zijn wel Engels.
Benieuwd wat jouw heatmap laat zien
De snelste route is de downloadknop bovenaan: installeren, aanzetten, een dag verkeer laten binnenkomen en dan kijken. Wil je liever dat iemand meekijkt naar wat de kaarten zeggen en wat je er die week aan verandert, plan dan een gesprek. Dan bekijken we samen hoe deze plugin past naast je bredere seo- en conversieaanpak, en hoe je hem combineert met de AI snippet previewer voor de vraag of je pagina ook door taalmodellen te gebruiken is.