Heatmap
Conversion & CRODefinition
A heatmap is a visual overlay that shows how visitors interact with a page, using colour to represent where they click, how far they scroll and where their attention concentrates. It turns thousands of individual sessions into one picture, so you can see at a glance which parts of a page get engagement and which get ignored.
Heatmaps come in three main types and each answers a different question. Click maps show where people tap or click, which reveals whether your call to action gets attention or whether users keep clicking a non-clickable image because it looks like a button. Scroll maps show how far down the page people get, so you can see if your offer sits below the point where 70 percent of visitors have already left. Move maps track cursor movement as a rough proxy for where eyes go on desktop. Together they show you the gap between how you think the page works and how visitors actually use it.
The value of a heatmap is in pairing it with your funnel data. GA4 tells you that 60 percent of visitors abandon a page, but it does not tell you why. A scroll map showing that almost nobody reaches your form, or a click map showing dead taps on a static element, gives you the why. That is the input you turn into a CRO hypothesis. Used well, heatmaps stop teams from arguing over opinions and ground the conversation in what users genuinely do, especially on paid landing pages where every wasted click is paid traffic that did not convert.
A heatmap tool drops a small script on your site that records anonymised interaction data, clicks, taps, scroll depth and cursor movement, across many sessions. It then aggregates those sessions and renders them as a colour overlay on a screenshot of the page, with warm colours marking high activity and cool colours low. Modern tools segment heatmaps by device, traffic source or audience, so you can compare how paid versus organic visitors behave on the same page.
Heatmaps turn vague conversion problems into specific, fixable issues. Instead of guessing why a landing page underperforms, you see that your headline gets read but your form sits below the fold, or that users click a non-clickable graphic expecting it to do something. For paid media that clarity is money: every visitor on a paid landing page cost you, so finding and fixing the friction that loses them lifts ROAS without touching the ad budget.
Related Terms
Related Services
Frequently Asked Questions
-
A click map shows where visitors click or tap, useful for checking whether your call to action gets attention or whether people click things that are not links. A scroll map shows how far down the page people get, so you can confirm your key content and form are visible before most visitors leave.
-
They are directional, not precise. A heatmap reliably shows broad patterns, where attention clusters and where it dies, once you have enough sessions, usually a few thousand. Treat them as a way to generate hypotheses you then validate with an A/B test, not as proof on their own.
-
Reputable tools anonymise data and let you mask sensitive fields, and under GDPR you generally need consent before loading them, since they process behavioural data. Configure masking on form fields and load the tool through your consent management platform so it only fires when the user has agreed.
See why your landing pages lose visitors
We combine heatmaps, session recordings and your GA4 funnels to pinpoint the friction that costs you conversions, then turn those findings into tested page improvements that lift ROAS.