Google Analytics Heat Map: What GA4 Gives You Instead
By Toy Wen Da, Co-Founder · Updated · 7 min read · scored 96/100
GA4 has no built-in Google Analytics heat map. Google's old Page Analytics browser extension used to give you one, but it's gone. What GA4 does track is scroll depth, clicks and engagement time as events, so you can get a rough version of the answer from its own reports, or connect a dedicated heatmap tool if you want the colored overlay.
Why GA4 has no heat map
Google did once offer a free heatmap tool. It was called Page Analytics, a Chrome extension that overlaid click data on your live pages. Developer write-ups note that Google stopped updating it around 2017, and by 2019 users were reporting it had effectively stopped working. It only ever worked with Universal Analytics, which Google has fully retired, so it was never built for GA4.
If you've been hunting for a heat map tab in your GA4 property, that's why you haven't found one: it was never rebuilt. In its place GA4 offers automatically tracked engagement events that tell a similar story, just not as a colored overlay.
What GA4 tracks automatically
GA4's enhanced measurement turns on several events the moment you set up a property:
- Scroll fires when a visitor reaches 90% of the page.
- Outbound click fires when someone clicks a link leaving your domain.
- Page view and engaged session track time and interaction per page.
None of this renders as a visual heat map, but it answers the question a heatmap answers: are people reading and interacting, or leaving before they see your content?
How to find heat-map-style data in Google Analytics 4
You can get close to a Google Analytics heat map with reports that already exist in your property. These steps use the current GA4 menu names.
- Open your property and go to Reports in the left-hand navigation.
- Under Engagement, click Pages and screens. This shows average engagement time and views per URL, which tells you which pages hold attention.
- To confirm scroll tracking is active, go to Admin, then Data Streams, select your web stream, and check that Enhanced measurement is toggled on with Scrolls enabled.
- For a more detailed view, go to Explore and start a Free form exploration. Add scroll and click events as dimensions, then break them down by page path.
- Compare engagement time against bounce-prone pages to see where attention actually drops.
Reading the numbers without the colors
A heatmap tells you where on a page people clicked. GA4's reports tell you whether they engaged at all, and for how long. A page with low average engagement time and a high exit rate probably has the same problem a heatmap would reveal, only without the picture.
Free and paid heatmap tools that plug into GA4
If you want the visual overlay, you'll need a separate tool installed alongside Google Analytics. Each works differently with the data GA4 already collects.
| Tool | What it shows | Typical cost | Best for |
|---|---|---|---|
| GA4 native reports (Pages and screens, Explore) | Engagement time, scroll events, exits, no visual overlay | Free, already included | Quick, site-wide checks across many pages |
| Microsoft Clarity | Click, scroll, and session-recording heatmaps | Free | Small to mid-size sites wanting full heatmaps without a budget line |
| Hotjar-style tools | Click, move, and scroll heatmaps plus recordings | Free tier, paid plans for higher traffic | Teams running a focused UX review on specific pages |
| Enterprise heatmap suites | Heatmaps plus A/B testing and funnel analysis | Paid, scales with traffic volume | Larger sites running ongoing conversion programs |
None of these replace Google Analytics; they sit next to it. GA4 tells you which pages matter, and the heatmap tool shows what happens on the one you pick.
When GA4's own data is enough and when you need a real heat map
Decide on scope before you add another script to your site.
One page vs. the whole site
GA4's Pages and screens report is built for scanning dozens or hundreds of URLs at once, and that's where it wins. A heatmap tool shows one page in detail, down to where on that page attention lands. To understand engagement across your whole site, GA4 reporting is enough; to fix one underperforming landing page, you want the visual.
A one-time check vs. a recurring problem
If you're checking engagement once, after a redesign or a content update, GA4's existing reports plus a short free trial of a heatmap tool will answer the question. If low engagement keeps showing up across many pages, a one-page heatmap check won't scale. Watch trends in GA4's Engagement reports over time and treat heatmaps as a spot-check tool rather than a dashboard you live in. For a broader read on how your analytics data compares to other platforms you might already use, see how Semrush and Google Analytics actually measure different things.
Common mistakes when looking for a Google Analytics heat map
- Assuming GA4 has a hidden heatmap tab. It doesn't, and people lose time digging through menus for something that was removed years ago.
- Installing the old Page Analytics extension anyway. It's unsupported and incompatible with GA4 properties, so it won't connect to current data.
- Treating heatmap data as a backlink or traffic-source report. A heatmap only shows on-page behavior and won't tell you where visitors came from or which links point to the page. For that, you need a method for checking backlinks through Google Analytics and an understanding of what it still misses.
- Ignoring bot and AI crawler traffic when reading engagement data. A sudden spike in "scroll" events that doesn't convert anywhere could be automated traffic rather than real visitors, which is worth checking if you've also started tracking LLM traffic in GA4.
- Skipping mobile. Heatmaps built for desktop can misread mobile taps as "misclicks" when they're normal thumb behavior on a small screen.
FAQs
Does Google Analytics 4 have a heatmap feature?
No. GA4 has never included a native heatmap. It tracks scroll depth, clicks, and engagement time as events, which you can view in the Engagement reports, but there's no visual overlay built in.
What happened to the old Google Analytics heatmap tool?
That was Page Analytics, a free Chrome extension for Universal Analytics. Google stopped actively updating it years ago, and it was never rebuilt for GA4.
Can I still use Page Analytics with Google Analytics 4?
Not reliably. It was built for Universal Analytics and isn't compatible with GA4 properties, so installing it won't give you current heatmap data.
What's the closest thing to a heatmap in GA4?
The Pages and screens report under Engagement, combined with scroll and click events from enhanced measurement, gets you the closest equivalent without installing anything extra.
Are free heatmap tools like Microsoft Clarity accurate enough for small sites?
For most small to mid-size sites, yes. They capture real click and scroll behavior directly from your pages, which is exactly what a heatmap is meant to show.
Check your engagement data this week
Start inside the Pages and screens report in GA4. It's already collecting the data, and you just haven't looked yet. If a page's engagement numbers don't add up, pair that reading with a full traffic view before you add another script, since a Google Analytics heat map only ever tells part of the story. Pull up a sample SEO report to see how your site's traffic and engagement data comes together in one place.
Sources
About the author
SearchBlueprint researched, wrote and scored this article with the content pipeline our customers run on their own sites. The score in the byline is what our content engine gave this page before it published. Nothing here is reviewed by hand, which is the point: it is the product's output, published where anyone can check it.