Analytics only tells you half the story
Most business owners are at least somewhat familiar with Google Analytics. You can see how many visitors you get, which pages they view, and where they drop off. That’s all useful. But it’s surface-level.
What analytics can’t tell you is why someone left. It can’t tell you they spent 30 seconds trying to click a heading that looked like a button. It can’t tell you they never scrolled past the first section because nothing compelled them to keep going. It can’t show you that your call-to-action button is sitting in a spot nobody looks at.
That’s where heatmaps and session recordings come in. They fill in the gaps between the numbers and the behaviour.
If you’ve been through our complete guide to CRO for small businesses, you’ll know that understanding user behaviour is the foundation of any meaningful optimisation work. These tools are how you actually do that.
Types of heatmaps and what they show
Click heatmaps
Click heatmaps show you exactly where people click on a page. Hot spots (usually shown in red and orange) indicate areas with heavy click activity. Cooler colours show areas with fewer clicks.
What makes these valuable is spotting the unexpected. You’ll often find that people click on things that aren’t clickable, like images they expect to enlarge or text they assume is a link. You’ll also find that important buttons get far fewer clicks than you’d expect because they’re in the wrong position, the wrong colour, or simply not obvious enough.
Scroll heatmaps
Scroll heatmaps show how far down a page visitors typically get before they stop. This is critical for understanding whether your most important content is actually being seen.
A common finding: businesses put their best selling points, testimonials, or calls to action at the bottom of a long page, and scroll data shows that 70% of visitors never get that far. If nobody sees it, it doesn’t matter how good it is.
This directly ties into how you structure your pages. Getting the order of content right is a design decision with measurable impact, something we covered in our website audit guide.
Move heatmaps
Move heatmaps (sometimes called hover heatmaps) track where visitors move their cursor. The theory is that cursor movement loosely correlates with where someone is looking, though this is more reliable on desktop than mobile. These are less actionable than click and scroll data, but they can give you a general sense of which areas of a page attract attention.
Session recordings: watching real behaviour
If heatmaps give you the overview, session recordings give you the detail. A session recording replays an individual visitor’s journey through your site, showing their mouse movements, clicks, scrolls, and page transitions exactly as they happened.
The first time you watch a session recording of someone using your website, it’s usually a humbling experience. You’ll see people struggle with things you assumed were obvious. You’ll watch them scroll past content you thought was compelling. You’ll see them abandon forms halfway through because of a confusing field label.
The first time you watch someone struggle with your website, it changes how you think about design. You stop designing for yourself and start designing for real people.
This isn’t about judging your visitors. It’s about recognising that how you see your website and how other people experience it are often very different things.
Tools for the job
Two tools worth knowing about:
Microsoft Clarity (free)
Microsoft Clarity is genuinely free, not “free trial” or “freemium with limits.” It offers both heatmaps and session recordings with no caps on traffic volume. For most small businesses, it’s the obvious starting point. The interface is straightforward, it integrates with Google Analytics, and it includes some useful built-in features like “rage click” detection (identifying where users click repeatedly in frustration) and “dead click” detection (clicks on non-interactive elements).
Hotjar
Hotjar has been the go-to tool in this space for years. The free plan gives you limited session recordings and heatmaps per month, which is enough to get started. Paid plans give you more volume and additional features like surveys and feedback widgets. Hotjar’s interface is polished and it’s particularly good for sharing findings with team members or clients who might not be technical.
Both tools install via a small JavaScript snippet on your site, similar to how you’d install Google Analytics or tracking pixels.
What to look for: common patterns
Once you’ve got data coming in, here’s what to watch for:
Rage clicks
These are rapid, repeated clicks in the same spot, usually a sign of frustration. It often means someone is clicking something they expect to be interactive but isn’t. A heading that looks like a link, an image that looks like a button, a dropdown that isn’t responding fast enough. These are quick wins to fix.
Scroll drop-off
If you see a sharp drop in scroll depth at a specific point on the page, look at what’s there. Is it a section that looks like the page has ended? A block of text so dense that people give up? A large gap of whitespace that makes visitors think there’s nothing more below? Each of these has a different fix.
Ignored CTAs
Your most important button might be getting no clicks. Session recordings will show you whether people scroll past it without noticing, whether they pause on it but don’t click, or whether they never reach it at all. Each scenario suggests a different solution. Repositioning, redesigning, or restructuring the page above it.
This connects directly to the work we do with conversion rate optimisation. You can’t optimise what you can’t see, and these tools make the invisible visible.
Form abandonment
If you have forms on your site, recordings will show you exactly where people give up. Is it a specific field? Is the form too long? Does the mobile experience make it hard to fill in? Our post on 5 quick wins for your conversion rate includes some practical form fixes that come up time and again.
Navigation confusion
Watch how people try to find things. If visitors are clicking through three or four pages before finding what they need, your navigation or page structure might need rethinking. If they’re using the search bar constantly, that’s another signal that your menu isn’t doing its job.
How to act on what you find
Data without action is just entertainment. Here’s a practical framework for turning heatmap and recording insights into improvements:
- Collect enough data first. Don’t jump to conclusions from five recordings. Aim for at least 100 sessions on a page before drawing patterns. Heatmaps need even more data to be reliable.
- Identify the top three problems. You’ll spot dozens of things. Prioritise by impact. Focus on pages with the most traffic and the biggest conversion potential.
- Form a hypothesis. “Visitors aren’t clicking our CTA because it’s below the scroll drop-off point. Moving it higher should increase clicks.”
- Make one change at a time. If you change five things at once, you won’t know which one made the difference. This is where A/B testing comes in.
- Measure the result. After making a change, check your heatmaps and recordings again. Did the behaviour change? Did the metric improve?
This iterative approach is the marginal gains philosophy in practice. Small, evidence-based improvements that compound over time.
Data without action is just entertainment. The value of heatmaps and recordings is in what you do with the findings, not the findings themselves.
Privacy considerations
Both Hotjar and Clarity take privacy seriously, but you need to do your part too:
- Update your privacy policy. Mention that you use session recording and heatmap tools, and explain what data is collected.
- Respect cookie consent. These tools should only run after a visitor has consented to analytics cookies. Make sure your cookie banner and consent management platform are configured correctly.
- Sensitive data masking. Both tools automatically mask form inputs by default (so you never see passwords, card numbers, etc.). Verify this is enabled and consider additional masking for sensitive pages.
- GDPR compliance. If you’re collecting data on UK or EU visitors, make sure your setup complies with GDPR requirements. Both tools provide documentation on this.
Done properly, there’s no privacy issue with using these tools. But done carelessly, you could expose yourself to problems. Get the setup right from the start.
Action steps
- Install Microsoft Clarity. It’s free and takes about five minutes. Start collecting data on your most important pages immediately.
- Let it run for two weeks. Resist the urge to draw conclusions from the first day’s data. You need volume for patterns to emerge.
- Watch 20 session recordings. Focus on your homepage and your main service or product pages. Note anything that surprises you.
- Check your scroll heatmaps. Is your most important content above the point where most people stop scrolling? If not, restructure.
- Identify one specific fix. From what you’ve observed, pick the single most impactful change you can make. Implement it, then check the data again after another two weeks.
If you want help interpreting what the data is telling you or making changes to your website design based on real user behaviour, get in touch. We use these tools with every project, and turning insights into improvements is what CRO is all about.
