How do I use heatmaps and session recordings to find out why visitors aren't converting?
GA4 can tell you that 80% of visitors leave your homepage within 30 seconds. What it cannot tell you is why — were they confused by your headline? Did they miss your CTA entirely? Did they try to click something that wasn't clickable and give up? Heatmaps and session recordings answer the "why" that analytics can't. They're qualitative research tools that show individual behavior, and they're the fastest route to knowing exactly what to fix on your site.
What heatmaps show
Heatmaps are aggregate visualizations of how visitors interact with a specific page. There are three types:
- Click maps: Show where visitors actually click. The most revealing view for most local service sites — you'll often find people clicking your logo (expecting it to navigate somewhere), clicking images expecting to see more, or completely missing your CTA button.
- Scroll maps: Show how far down the page visitors read. In most cases, 50–75% of visitors on mobile never scroll below the fold. If your CTA is below where most people stop scrolling, it's invisible to most of your audience.
- Move maps (desktop only): Show where mice hover. On desktop, mouse movement roughly correlates with where people are reading. Useful for identifying which sections get attention and which are skipped.
What session recordings show
Session recordings are videos of individual visitors navigating your site — you watch exactly what they did, where they moved their mouse, what they tapped on mobile, where they paused, and the moment they left. They're more time-intensive than heatmaps (you watch individual sessions rather than aggregate views) but dramatically more specific in what they reveal.
A 2-minute session recording of someone who didn't convert will show you: whether they found your CTA, whether they got confused by navigation, whether the form looked intimidating, whether the page loaded slowly enough that they sat waiting, and the exact moment they decided to leave. This information is priceless for knowing what to change.
The best free tools
- Microsoft Clarity: Completely free with no session recording limits. Installs with a single JavaScript snippet in your site header. Records sessions automatically, generates click and scroll heatmaps, and flags "rage clicks" (rapid repeated clicking on an element) and "dead clicks" (clicks on non-interactive elements) automatically. This is your first tool.
- Hotjar: Free tier allows a limited number of session recordings per month but has an excellent interface and more detailed scroll map visualization. Good complement to Clarity if you want a second perspective.
Four specific things to look for in your first 10 recordings
Watch 10 recordings with these specific questions in mind — you'll likely identify 2–3 clear conversion problems:
- Are visitors clicking your CTA button? If your heatmap shows few or no clicks on your primary CTA, either it's not visible (check the scroll map — is it below where most people stop?) or the copy doesn't connect (visitors read it and don't feel compelled). This is your most important finding.
- Where do visitors stop scrolling? Look at your scroll map. If 70% of visitors stop scrolling halfway down the page, anything below that point is invisible to most of your audience. Move your most important elements (CTA, trust signals, testimonials) above that threshold.
- Are visitors rage-clicking something that isn't clickable? Rage clicks (Clarity flags these automatically) signal unmet expectations. Common examples: visitors clicking on your star rating image expecting to go to Google reviews, clicking on a before/after photo expecting to enlarge it, or clicking on a headline expecting it to navigate. Each rage click is a frustrated visitor — and a potential quick fix.
- What does your page look like on mobile recordings? Watch 5 mobile-specific recordings. Your desktop experience and your mobile experience can be dramatically different — navigation menus that work fine on desktop become unworkable on mobile, forms with small fields are impossible to fill accurately on touch screens, and CTA buttons that look prominent on a monitor can be tiny on a phone. Mobile recordings reveal the gap.
How to turn recordings into actionable fixes
After watching 10 recordings, write down the top 3 behaviors you noticed. For each one, form a hypothesis: "I believe [X% of visitors] are missing our CTA because [the scroll map shows 60% don't reach it]. If I move the CTA above the fold, form submissions will increase." Now you have a specific test to run. This is qualitative research — it doesn't give you statistical certainty, but it tells you what to test, which is the bottleneck that slows most businesses down.
Heatmaps and recordings are the most underused optimization tools in local business marketing. They require zero budget, take 5 minutes to install, and the insights from 10 recordings typically reveal problems that would take months to surface through analytics alone.
Key Takeaways
- Heatmaps show aggregate behavior (where people click and stop scrolling); session recordings show individual visitor behavior and the moment of exit — together they answer why visitors leave.
- Install Microsoft Clarity first — it's free, unlimited, and installs in 5 minutes. No excuse to skip it.
- The four things to check in recordings: CTA click rate, scroll depth vs. CTA position, rage clicks on non-interactive elements, and mobile vs. desktop experience gap.
- Watch recordings before running A/B tests — recordings tell you what to test, not just which version of a hypothesis wins.
- 10 session recordings typically reveal 2–3 specific, actionable conversion problems that analytics reports would never surface.