Skip to main content

Heatmaps

The Heatmaps tab renders your published page and paints real visitor data on top of it, so you can see behavior in context instead of in tables.

The three modes​

  • Clicks — where visitors click, as points on the page.
  • Scroll — how far visitors scroll, as depth bands.
  • Attention — which sections hold attention the longest.

Filters that matter here​

  • Page — select exactly one page in the shared filter bar to open the overlay. With no page or multiple pages selected, you'll be asked to narrow down.
  • Device — switch between desktop, tablet, and mobile. Behavior differs a lot between them; always check mobile separately.
  • Version — pick a specific published version of the page, so a redesign doesn't mix old and new click data.

Supporting cards​

Alongside the overlay you get quick counts: click points, clicked elements, attention elements, and total attention time — all scoped to the same filters as the overlay.

How to use heatmaps well​

  1. Start with scroll: find where visitors stop. Content below that line is invisible to most of your traffic.
  2. Switch to clicks: check that clicks concentrate on your CTAs, not on non-clickable images or dead areas.
  3. Check attention: confirm your core message is in the zones people actually read.
  4. Fix, republish, and compare the new version — or validate the change with an A/B test.

Frequently asked questions​

Why is my heatmap empty?

Check that one page is selected, the date range covers real traffic, and the page had visits on the selected device. New pages need time to collect data.

Do heatmaps show every visitor?

Heatmaps aggregate all tracked visits in the selected period and device. Visitors with blocked tracking are not included.

Why does the overlay look different from my current page?

You may be viewing an older published version. Use the version selector to match the version visitors actually saw.