Conversion & UXBeginner

Scroll Map

A scroll map shows how far down a page visitors scroll, using color bands to mark what share of people reached each point.

Also called: scroll heatmap, scroll depth map

A scroll map is a type of heatmap that shades a page from top to bottom according to how many visitors scrolled that far. The top is usually the warmest color, fading as fewer people reach lower sections. It shows where attention drops off and whether key content, such as pricing details or the final CTA, is being seen.

What scroll maps reveal

A sharp color change at one point often signals a false bottom: a design element, such as a full-width banner or large white space, that makes the page look finished. A gradual fade is normal. Comparing the scroll map with the position of your most important content tells you whether it needs to move up or whether the content above it needs to earn the scroll.

Scroll maps versus scroll tracking in analytics

Google Analytics 4's enhanced measurement can record a scroll event when a visitor reaches roughly 90% of page depth. That gives a single threshold per page. Scroll maps show the full distribution, and custom analytics events at several depths can do something similar inside your analytics tool.

Using the insight

Low scroll depth is not automatically bad. On a page where the hero answers the visitor's question and the CTA is visible, people may convert without scrolling. Look at scroll depth alongside conversions: if converters scroll deep and non-converters do not, the content lower down may be doing persuasive work that should be surfaced earlier.

Example

A false bottom on a feature page

Hypothetical reporting tool Copperlace finds its feature page scroll map turns cold right after a large gradient banner. Below it sit the integrations list and customer quotes. The team replaces the banner with a slimmer section that clearly continues, then checks whether more visitors reach the quotes.

Common mistakes

Ignoring device differences

Mobile pages are much longer, so scroll depth percentages are not comparable to desktop. Segment by device.

Moving everything above the fold

Cramming content into the first screen to fix low scroll depth often makes the page harder to read. Improve the flow instead.

Questions

There is no universal target. It depends on the page's purpose and length. Compare against your own pages and against what converting visitors do.

Know the terms. Now win the searches.

We find the searches your buyers make, then build, publish and improve the pages that win them.