Feature Guide

Scroll Depth by Page

Find out exactly where visitors stop reading on every page.

If your call-to-action sits at the bottom of a page most visitors abandon halfway down, it may as well not exist. Scroll Depth by Page shows you, for each page on your site, how far down real visitors actually scroll — so you know whether your most important content is being seen at all, and exactly what to move up if it isn’t.

Every visit measures how far down the page the visitor scrolled, and the Scroll Depth card aggregates this per page. If visitors on your key landing page stop at 45% on average and your booking button sits at the bottom, you know precisely what to fix. It’s the most useful part of a heatmap without the overhead of one — measured from real visits, shown as simple color-coded bars.

For a small-business site this answers very practical questions: are people reading past the hero image on the homepage? Does anyone reach the testimonials? Is the pricing table on your services page above or below the point where most visitors give up? One glance at the bars tells you.

How it works

The tracking snippet records the deepest point each visitor reaches on a page, as a percentage of the page’s height (scrolling halfway = 50%). Crafty Meerkat then averages those measurements per page across all visits in your selected date range and renders each page as a color-coded bar in the Scroll Depth card. There are no screenshots, no recordings, and no personal data — just an honest average of how far people got.

Step by step

1
Open the Scroll Depth card on your Analytics page
It lists your pages with a color-coded bar showing average scroll depth for each — no setup required.
2
Sort out the expected from the surprising
A short contact page with 90% depth is normal. A long sales page where the average visitor stops at 35% is a finding.
3
Compare depth against where your key content sits
Open the page yourself and note where the average visitor stops. Anything below that line — buttons, forms, phone numbers — is invisible to most of your audience.
4
Move, then measure again
Raise your call-to-action or key message above the drop-off point, then watch the card over the following weeks to confirm engagement improved.

Tips from the den

◆Judge pages by their job: 40% depth on a long blog post can be fine; 40% on a one-screen landing page means something above the fold is pushing people away.
◆Pair scroll depth with time on page — deep scrolling in very little time can mean skimming, not reading.
◆After redesigning a page, compare its scroll bar before and after. It’s the fastest honest answer to “did the redesign work?”
◆Add an annotation when you restructure a page, so future you knows why its scroll depth changed that week.

See it live — no signup

The demo dashboard runs on a real site with real traffic.

Open the live demo →

Common questions

How is this different from a heatmap tool?

Heatmaps record detailed cursor and session data, which adds script weight and privacy considerations. Scroll Depth by Page keeps the decision-driving part — where people stop — from the same under-2KB snippet you already run, with no recordings and no personal data.

Do I need to tag my pages or set anything up?

No. Scroll measurement is built into the standard tracking snippet on every plan. The per-page bars appear automatically once visits come in.

What is a “good” scroll depth?

It depends on the page’s length and job. Rather than chasing a universal number, check that the content the page exists for — the form, the button, the price — sits above the depth where your average visitor stops.