Heatmaps and Page Engagement
Page Engagement reveals how visitors interact with web pages—where they scroll, how long they stay, and what they click. This insight guides content placement and identifies friction points.
Quick start
1. Select a Domain and Page from the dropdowns
2. Set Date Range to 30 Days and Device to Desktop
3. Choose Scroll Data as the Analysis Type
4. Review the coloured bands overlaid on the page preview
Understanding the display
The page preview shows a captured version of the selected webpage. Coloured horizontal bands appear as overlays, representing engagement data for each section of the page.
Analysis types
| Type | What it shows |
| Scroll Data | Percentage of visitors who reached each section. Width indicates reach—wider bands mean more visitors scrolled that far. |
| Time Spent | Average time visitors spent in each section. Width reflects relative attention—wider bands indicate more engagement. |
| Click Heatmap | Colour intensity shows click concentration. Hot spots (red/orange) reveal high-activity areas. |
Reading the overlays
Each band displays zone information, percentage, and visitor count. Hover over bands or heatmap areas for detailed tooltips. The page is divided into 2% vertical zones (0–2%, 2–4%, and so on).
What should I do next?
Page Engagement data guides content strategy decisions:
| Observation | Action |
| Sharp drop-off at specific zone | Review content at that point. Add hooks, break up text, or relocate key information above the drop-off. |
| Low time spent in important sections | Strengthen content with visuals, examples, or clearer formatting. Consider repositioning calls to action. |
| Click clusters on non-interactive elements | Users expect these elements to be clickable. Add links or convert to interactive components. |
| High engagement below the fold | Content performs well—consider promoting key elements higher on the page. |
| Desktop vs mobile differences | Optimise layouts per device. Mobile users often scroll faster and click differently. |
Using the filters
Domain
Select the website to analyse. Only domains with tracked pages appear in this list. The Page dropdown updates based on domain selection.
Page
Select the specific page to analyse. Pages display by URL. Type in the search field to filter long page lists.
Date range
| Option | Best for |
| 7 Days | Recent changes, testing new content |
| 30 Days | Standard analysis (default) |
| 60 Days | Trend identification |
| 90 Days | Long-term patterns, seasonal content |
Device
| Option | Shows |
| Desktop | Standard browser sessions |
| Mobile | Phone sessions only |
| Tablet | Tablet sessions only |
| All Devices | Combined data across devices |
Mobile and desktop behaviour often differs significantly. Analyse separately when optimising page layouts.
Analysis type
Switch between Scroll Data, Time Spent, and Click Heatmap to examine different engagement dimensions. Each provides distinct insight into visitor behaviour.
Exporting
Click the download icon to export the current view as a PNG image. The export captures the page preview with active overlays—useful for reports and stakeholder presentations.
Troubleshooting
No data found
The selected filters may be too restrictive, or tracking has not yet captured sufficient data for this page.
• Expand the date range to 30 or 60 days
• Select All Devices instead of a specific device type
• Verify tracking is active on the page
Page preview shows incorrectly
Complex pages with heavy JavaScript or dynamic content may not render perfectly in the preview.
• Overlays remain accurate regardless of preview rendering
• Refer to the live page alongside the data if needed
Heatmap appears empty
Click data requires sufficient visitor interactions to display meaningful patterns.
• Extend the date range to capture more click events
• Pages with low traffic need longer collection periods
Export fails or produces blank image
Large pages or complex overlays may cause export issues.
• Wait for all overlays to load before exporting
• Try a shorter date range to reduce data complexity
FAQ
How often does engagement data update?
Data aggregates daily. Recent sessions appear within 24 hours.
Why do scroll percentages exceed 100% at the top?
The baseline is visitors who reached the top of the page (0% scroll). All other percentages represent the proportion of that baseline who continued scrolling to each zone.
Can different analysis types be combined?
Select one analysis type at a time. Switch between them to build a complete picture of page performance.
Why does mobile data look different from desktop?
Mobile visitors scroll differently—often faster and further—and interact with different screen elements. Separate analysis helps optimise each experience.
What causes sudden drop-offs in scroll data?
Common causes include slow-loading content, unengaging copy, distracting elements, or natural content boundaries. Compare with time spent data to understand whether visitors leave quickly or simply stop scrolling.