Hotjar, Clarity, Mouseflow of WP UX Heatmap: welke kies je?
Voor een kleine WordPress-site met minder dan vijftigduizend bezoekers per maand is WP UX Heatmap de logische keuze: volledig lokaal, zonder cookies en zonder maandlasten. Hotjar past bij marketingteams die heatmaps willen combineren met recordings en enquêtes, terwijl Mouseflow en Microsoft Clarity beter passen bij grote organisaties met veel verkeer. Met drie praktijkvoorbeelden zie je hieronder precies wanneer welke tool logisch is.
Wanneer kies je welke tool
In plaats van alleen features naast elkaar te leggen, kijk je beter naar je eigen situatie. Drie concrete scenario's, met per situatie de tool die het meest logisch is.
Kleine webshop of lokale dienstverlener
Je hebt bijvoorbeeld een fysiopraktijk, kapper of meubelzaak met een WordPress-site en minder dan vijftigduizend bezoekers per maand. Je wilt weten of mensen je belknop, contactformulier en belangrijkste diensten wel zien. In deze situatie is WP UX Heatmap de rustigste en snelste keuze. Je hebt direct inzicht in klikgedrag en scrolldiepte zonder cookies, zonder externe scripts en zonder extra kosten per maand.
Marketingteam met meerdere funnels
Je draait actieve campagnes, test varianten van landingspagina's en wilt ook feedbackwidgets, enquêtes en recordings combineren met heatmaps en funnels. In dit scenario is Hotjar handig, omdat je alles in een suite hebt. Voor teams is een centrale omgeving makkelijker te beheren, zolang je de maandelijkse kosten accepteert.
Datagedreven organisatie met veel verkeer
Denk aan een corporate site of grote contentomgeving met miljoenen pageviews, waar meerdere stakeholders tegelijk meekijken naar gedrag, campagnes en UX. Dan kom je al snel uit bij Mouseflow of Microsoft Clarity. Clarity is interessant als je startbudget klein is, Mouseflow als je dieper de funnel en segmenten in wilt.
Drie praktische voorbeelden met heatmaps en scrollmaps
Alle tools laten kliks en scrollgedrag zien. Het verschil zit vooral in wat je er daarna mee doet. Deze drie situaties zien we regelmatig bij klanten.
Voorbeeld 1: landingspagina met te veel afleiding
Je draait advertenties naar een pagina met een grote hero, drie knoppen, een video en een formulier. De heatmap laat zien dat tachtig procent van de kliks op een secundaire link in de header landt, niet op de offerteknop. De oplossing: verwijder de extra knop, verplaats de primaire call-to-action naar boven de vouw en zet een extra knop onder de eerste alinea. Na een week kijk je opnieuw naar de heatmap en zie je dat de kliks nu wel geconcentreerd zijn rond de juiste call-to-action.
Voorbeeld 2: dienstenpagina waar niemand onderaan komt
De scrollmap laat zien dat maar twintig procent van de bezoekers de prijzen of pakketten onderaan de pagina bereikt. De meeste sessies eindigen rond de eerste lange tekstblokken. De oplossing: draai de pagina om. Eerst sociale bewijskracht en pakketten, daarna pas uitgebreide uitleg. De nieuwe scrollmap laat veel meer diepte zien, tot aan de call-to-action onderaan.
Voorbeeld 3: blogartikel dat veel gelezen wordt maar weinig verkoopt
Je hebt een artikel dat veel verkeer trekt. De heatmap toont dat lezers vooral klikken op een interne link midden in de tekst en bijna niet op de banner onderaan. De oplossing: maak van die interne link een subtiele inline call-to-action, voeg een tweede toe net boven de sectie met de meeste aandacht en meet opnieuw. Met WP UX Heatmap zie je dit direct in WordPress, zonder extra dashboards.
Waarom WP UX Heatmap een andere categorie is
Waar Hotjar en Clarity vooral analyticsplatforms zijn, is WP UX Heatmap een UX-lens bovenop je bestaande site. Alles draait binnen WordPress en dat maakt een groot verschil voor privacy, snelheid en eigenaarschap. De belangrijkste eigenschappen:
- Volledig in WordPress, geen nieuw dashboard om te leren
- Geen cookies en geen scripts van derden
- Licht en ontworpen voor performance
- Geschikt voor Europese organisaties
- Klik- en scrollgedrag in een overzicht
- Werkt naast bestaande analytics
Je kunt WP UX Heatmap rustig naast Hotjar of Clarity draaien als je wilt testen
Voor veel mkb-sites is de plugin op zichzelf al genoeg om de belangrijkste UX-beslissingen te nemen, zonder steeds in externe dashboards te hoeven duiken. De plugin is gratis en open onder GPLv2: je haalt hem op via de productpagina van de heatmap- en scrollmapplugin, waar ook de eisen en de installatiestappen staan. Wil je eerst weten hoe die kaarten precies tot stand komen en wat er per klik wordt vastgelegd, dan staat dat in de uitleg bij de plugin.
Snelle score per tool
Drie punten die er in de praktijk het meest toe doen: privacy, leercurve en kosten.
Privacy en data-eigendom
- Hotjar: goed, maar extern
- Clarity: data staat bij Microsoft
- WP UX Heatmap: volledig lokaal
Complexiteit en leercurve
- Hotjar: uitgebreid en druk
- Clarity: redelijk eenvoudig
- WP UX Heatmap: gewoon in je paginaoverzicht
Kosten bij groeiend verkeer
- Hotjar: neemt toe per plan
- Clarity: gratis, maar met datadeling
- WP UX Heatmap: geen extra maandlasten
| Wat je vergelijkt | Hotjar | Clarity | WP UX Heatmap |
|---|---|---|---|
| Waar je data staat | bij een externe partij | bij Microsoft | op je eigen WordPress |
| Cookies en scripts van derden | ja | ja | geen |
| Leercurve | uitgebreid en druk | redelijk eenvoudig | in je paginaoverzicht |
| Kosten bij groeiend verkeer | loopt op per plan | gratis, met datadeling | geen extra maandlasten |
| Opnames en enquetes | ja, uitgebreid | ja | nee, bewust niet |
| Waar het voor gemaakt is | analyseplatform | analyseplatform | een lens op je eigen site |
Wat een heatmap je niet vertelt
Een heatmap is verslavend om naar te kijken en daarmee ook gevaarlijk. Je ziet warme vlekken, je voelt dat je iets begrijpt, en voor je het weet verbouw je een pagina op grond van een plaatje dat iets anders zegt dan je denkt. Vijf dingen die geen enkele van deze vier tools voor je oplost.
Het waarom staat er niet in.
Je ziet dat er veel op een woord midden in je tekst wordt geklikt. Of dat komt doordat mensen denken dat het een link is, of doordat ze de tekst selecteren om hem te lezen, weet je niet. Zo'n kaart levert de vraag, niet het antwoord. Voor het antwoord moet je iemand het scherm laten gebruiken terwijl je meekijkt, en dat kost een halfuur en twee mensen.
Dode kliks zien er precies hetzelfde uit als goede kliks.
Een felle vlek op een afbeelding die geen link is, is geen succes maar een fout: mensen verwachten daar iets. Dat verschil moet jij maken, niet de tool.
Mobiel en desktop door elkaar is een gemiddelde van twee verschillende sites.
Op mobiel staat je zijbalk onderaan en is je menu ingeklapt. Wie die twee in één kaart bekijkt, kijkt naar een pagina die niet bestaat. Splits altijd, bij welke tool dan ook.
Eén pagina met twee soorten bezoek is ook een gemiddelde.
Als de helft van je verkeer via een advertentie binnenkomt en de helft via Google, gedragen die twee groepen zich anders. De gemiddelde kaart is dan van niemand.
En het belangrijkste: een heatmap meet aandacht, geen omzet.
Een knop die vaker wordt aangeklikt levert niet automatisch meer klanten op. Als je iets verandert, kijk dan naast de kaart ook naar wat er daarna gebeurde: aanvragen, telefoontjes, bestellingen. Anders optimaliseer je je pagina naar meer kliks en minder werk.
Hoe lang moet je meten voor je iets mag concluderen
Hier gaat het bij bijna iedereen mis, en het kost geen geld om het goed te doen. Al na een uur ziet zo'n kaart eruit alsof hij iets zegt. Dat doet hij niet.
Tel geen bezoekers maar kliks per element.
Er bestaat geen magisch aantal bezoekers waarboven een kaart klopt. Wat telt is hoeveel keer er op het ding is geklikt waar jouw vraag over gaat. Twee kliks op een knop is een anekdote, ook als er duizend mensen op de pagina waren.
Meet altijd hele weken.
Dinsdag gedraagt zich anders dan zondag, en bij zakelijke dienstverlening is dat verschil groot. Een meting van woensdag tot vrijdag vergelijken met een meting van vrijdag tot zondag levert een verschil op dat niets met je pagina te maken heeft.
Wacht een campagne uit.
Draai je advertenties die halverwege de meting aan of uit gaan, dan meet je die schakelaar en niet je pagina.
Verander één ding tegelijk.
Als je de knop verplaatst én de kop herschrijft én een foto weghaalt, weet je achteraf niet welke van de drie het deed. Bij weinig verkeer duurt dat langer, en dat is vervelend maar het is wel de eerlijke prijs van een conclusie.
Bewaar een schermafbeelding van vóór de wijziging.
Klinkt overbodig, is het niet. Over twee maanden weet niemand meer hoe de pagina eruitzag, en dan zit je de discussie te voeren of het beter of slechter is geworden zonder vergelijkingsmateriaal. Eén afbeelding en één regel in een document met de datum erbij is genoeg.
Toestemming en privacy bij deze vier
Dit hoofdstuk is geen juridisch advies en wij zijn geen advocaten. Wat we wel kunnen doen is de vragen op een rij zetten die je jezelf, je jurist of je functionaris gegevensbescherming moet stellen voordat je zo'n tool aanzet. Bij drie van de vier komen die vragen namelijk terug, en bij één minder.
Vraag één: wordt er iets op het apparaat van de bezoeker gezet of gelezen?
Dat is de vraag waar de cookieregels op draaien, en het gaat niet alleen om cookies maar om alles wat in de browser wordt opgeslagen. Hotjar, Clarity en Mouseflow zijn externe scripts die in de browser draaien; ga er daarom niet zomaar van uit dat er niets wordt opgeslagen. Zoek per tool op wat er wordt gezet en zet dat in je cookieverklaring.
Vraag twee: worden er persoonsgegevens verwerkt, en door wie?
Sessieopnames zijn hier het scherpst. Wie een opname van een sessie bewaart, kan zomaar meekijken met wat iemand in een formulier typt. Alle serieuze tools bieden daarom maskering van invoervelden, maar die moet je wel aanzetten en controleren. Test het zelf: vul je eigen formulier in met een verzonnen naam en kijk terug of je die naam in de opname ziet staan.
Vraag drie: waar staat de data en met wie deel je hem?
Bij Clarity is de prijs voor gratis dat je data bij Microsoft staat. Geen verwijt overigens, het is een ruil, en die ruil moet je bewust maken en opschrijven. Voor een externe verwerker heb je bovendien afspraken op papier nodig; onze eigen verwerkersovereenkomst laat zien hoe zo'n stuk eruitziet.
Vraag vier: hoe lang bewaar je het?
Gedragsdata van drie jaar geleden helpt niemand en is alleen nog een risico. Zet een bewaartermijn en houd je eraan.
Dat WP UX Heatmap lokaal draait en geen cookies zet, haalt vraag één en vraag drie grotendeels weg
Vraag twee en vier blijven ook dan staan, want lokaal opgeslagen data is nog steeds data. Hoe wij daarmee omgaan staat in onze privacyverklaring.
Zelf vergelijken in vier weken
Alle vergelijkingen op internet, deze ook, gaan over gemiddelde situaties. Jouw site is dat niet. Dit is het schema waarmee je in een maand zelf uitkomt bij het antwoord, zonder er iets voor te betalen.
Week 1: kies drie pagina's en drie vragen.
Niet je hele site. Neem de pagina waar je advertenties naartoe gaan, je belangrijkste dienstenpagina en één blogartikel dat veel verkeer trekt. Schrijf per pagina op welke vraag je wilt beantwoorden, in één zin. Bijvoorbeeld: zien mensen de offerteknop of scrollen ze eroverheen. Zonder die zin ga je straks mooie plaatjes kijken zonder besluit.
Week 2: zet twee tools tegelijk aan.
De lichte plugin en één van de drie platforms. Dat mag naast elkaar, mits je site snel blijft. Controleer die snelheid ook echt, want een extra script kost altijd iets.
Week 3: laat het gewoon draaien en kijk niet.
Serieus. Wie elke dag kijkt, ziet ruis en gaat vroeg conclusies trekken. Zet een afspraak in je agenda voor het eind van de week.
Week 4: beantwoord je drie vragen en tel je klikken.
Niet de kliks van je bezoekers, maar die van jezelf: welk dashboard heb je in die maand daadwerkelijk geopend, en welke gaf antwoord op de vraag die je had opgeschreven. In de praktijk valt de keuze daar bijna altijd. Een tool die je niet opent, is de duurste tool die je hebt, ook als hij gratis is.
Eén waarschuwing bij dit schema: houd je aan de drie pagina's
De verleiding om alles te meten is groot en het resultaat is dat je nergens iets aan verandert.
Te weinig verkeer voor een heatmap: wat dan
Een groot deel van de lezers van dit artikel heeft geen vijftigduizend bezoekers per maand maar een paar honderd. Voor die site is de eerlijke conclusie dat geen van deze vier tools binnen afzienbare tijd een betrouwbare kaart oplevert. Geen reden om niets te doen, wel een reden om iets anders te doen, en dat andere kost je bovendien minder.
Vraag het aan vijf mensen.
Vijf gebruikerstests op je telefoon leveren meer op dan drie maanden wachten op genoeg kliks. Vraag een klant, je buurman en iemand die je vak niet kent om op je site iets te vinden, en zeg niets terwijl ze zoeken. Waar ze aarzelen, zit je probleem. Dit kost je een middag en verder helemaal niets.
Kijk naar de formulieren die je al hebt.
Hoeveel aanvragen zijn er begonnen en niet afgemaakt? Dat cijfer heb je vaak al, en het wijst preciezer dan een kaart met veertig kliks.
Luister aan de telefoon.
Elke vraag die drie keer per maand gesteld wordt, is een stuk van je site dat niet duidelijk is. Schrijf ze twee weken lang op en je hebt een betere lijst met verbeteringen dan welke heatmap je ook aanzet.
En zet de kaart alvast aan.
De lichte plugin kost je niets en verzamelt intussen wel. Over een halfjaar heb je dan genoeg materiaal om er wel iets uit te lezen, terwijl je de tijd tot dan gebruikt voor de drie punten hierboven.
Veelgestelde vragen over heatmaps en WP UX Heatmap
Heeft het zin om meerdere tools tegelijk te gebruiken?
Ja, zolang je site snel blijft. Veel organisaties gebruiken Hotjar of Clarity als centrale analyticsoplossing en draaien WP UX Heatmap erbij op landingspagina's en belangrijke dienstenpagina's. Zo houd je zware analyses buiten je site, maar zie je in WordPress zelf wat er gebeurt.
Is WP UX Heatmap genoeg voor een serieuze webshop?
Voor veel webshops is WP UX Heatmap genoeg om te zien of filters, producttegels, knoppen en winkelwagenacties goed worden gebruikt. Wil je daarnaast funnels, interviewwidgets en enquêtes, dan kan een extra tool als Hotjar handig zijn, maar strikt nodig is het niet.
Hoe verhoudt WP UX Heatmap zich tot privacyregels in Europa?
Omdat alles in je eigen WordPress-omgeving blijft en er geen data naar externe servers gaat, sluit WP UX Heatmap goed aan op strengere interpretaties van privacywetgeving. Je houdt controle over opslag, bewaartermijnen en beveiliging, zonder extra verwerkersovereenkomsten.
Waarom lijkt de interface op een native WordPress-functie?
WP UX Heatmap is bewust ontworpen als een dunne laag bovenop WordPress. Je hoeft geen nieuw dashboard te leren en je ziet klik- en scrollgedrag op dezelfde plek waar je pagina's en berichten bewerkt.
Van inzicht naar meer resultaat
Een heatmap vertelt je wat bezoekers doen, niet hoe je meer van de juiste bezoekers krijgt. Wil je dat wij meekijken naar je vindbaarheid en conversie, bekijk dan onze aanpak om je SEO te verbeteren. Liever eerst zelf aan de slag? In onze Kennisbank vind je meer praktische artikelen zoals dit.
Gedrag op je site verandert bovendien snel door AI
Lees bijvoorbeeld hoe klanten via ChatGPT naar een vakman zoeken en wat llms.txt betekent voor de toekomst van SEO. Zo weet je niet alleen wat bezoekers op je pagina doen, maar ook hoe ze er straks komen.
De goedkoopste tool is die je opent
Als je deze vergelijking terugbrengt tot één regel: kies de tool waarvan je het dashboard over een maand nog steeds opent. Voor een WordPress-site onder de vijftigduizend bezoekers is dat meestal de plugin die gewoon in je paginaoverzicht zit, omdat je hem tegenkomt terwijl je toch al aan het werk bent. Draai je campagnes met meerdere trechters, dan verdient een suite als Hotjar zijn maandbedrag terug, mits iemand in je team er verantwoordelijk voor is. En vergeet niet dat je niet hoeft te kiezen voor altijd: het schema van vier weken hierboven laat je de keuze maken op je eigen cijfers in plaats van op deze pagina.
Loop je vast bij het derde punt, dus bij wat je met de uitkomst moet doen? Precies daar zitten wij dagelijks in. Stuur ons je pagina en de vraag die je had opgeschreven, dan kijken we in een kort gesprek met je mee naar de kaart en naar wat wij zouden veranderen en in welke volgorde. Kost je een halfuur en je zit daarna nergens aan vast. Liever eerst mailen? Dat kan naar sales@theseo.nl, of via de contactpagina.