Scroll Depth Distribution (Bins & Full-Page Donut)
Scroll Depth Distribution
The Scroll Depth Distribution widget summarizes how far visitors scroll on the selected page. It appears above the heatmap iframe and is scoped to the chosen date range and device family.
Where it appears: Click Map Details → Heatmap & Navigation Clicks
Widget source: /heatclick-BH/panel-above-iframe.php
Data table: {prefix}wpmc_views
How scroll depth is stored
In this version, the plugin stores scroll depth in the scroll_depth column
as discrete “bins”:
- 25 → visitor reached ≤ 25%
- 50 → visitor reached ≤ 50%
- 75 → visitor reached ≤ 75%
- 100 → visitor reached the full page
- No scroll is calculated as: Total Views − (25+50+75+100)
Device family (why it says “All devices” / “Desktop” / “Mobile”)
Click data is stored per precise device preset (desktop-s, desktop-m, etc.).
Scroll depth, however, is grouped by a device family using device_type
in the views table:
Using the Scroll bin switch
The widget includes a vertical switch labeled Scroll bin. It lets you focus on a specific segment (None / ≤25% / ≤50% / ≤75% / ≤100%).
Mini-card
The center mini-card shows Views and % of all for the selected bin, plus a visual fill level.
Full-page donut
The donut highlights the share of visitors who reached 100% of the page. It is the fastest way to see whether users actually reach your bottom content.
How to interpret scroll depth
- High “No scroll”: people bounce or don’t engage beyond the first screen.
- High ≤25%: top section is seen, but the page may be too long or the content below is not enticing.
- High 100%: visitors scroll the full page — great for long-form or sales pages.