Using the admin overlay

The admin overlay paints click, dwell, and scroll analytics directly on top of your live storefront pages. Unlike the dashboard heatmap charts, the overlay layers analysis onto the actual product detail page itself — so you can diagnose insights in context, like "customers drop off right after this image."

What is it?

Four transparent visualizations layered over your storefront page: (1) dwell heat — where users linger longest, (2) click density — where users click most, (3) max-scroll line — the deepest scroll position reached on the page, (4) mean-scroll line — the average scroll depth. All data is anonymized aggregates — no individual visitor information is shown.

How do I start?

(1) Open Dashboard → Settings and confirm the "Admin overlay key" was auto-generated. (2) From a session detail page (/dashboard/sessions/[id]) or product heatmap (/dashboard/products/[productNo]/heatmap), click "🎯 View on the live page" — a new tab opens. (3) The overlay paints automatically on the live page, and the floating control bar at the bottom-right lets you adjust the bouncer threshold slider, toggle the buyer-intent filter, and switch layers on/off.

Security

The admin overlay key is a secret meant only for you. If you suspect it has leaked, click "Regenerate key" on the settings page immediately. Regenerating invalidates every previously-issued overlay link instantly. The new tab's storefront URL only contains a short-lived token (valid for 5 minutes) — your secret key never appears in the URL.

Frequently asked questions

What do regular visitors see when the overlay is on?: Nothing different. The overlay only renders in the browser of the operator holding the admin key — regular visitors see the normal storefront page as usual.
I see "Failed to load data." What's wrong?: For security reasons the overlay shows the same message for every error. Common causes are: (1) the token expired (5-min validity), (2) the key was regenerated after the link was minted, (3) you opened the link in a different browser or network than the dashboard. Return to the dashboard and click "View on the live page" again to mint a fresh token.
How does the buyer-intent filter work?: It restricts the aggregation to sessions that clicked checkout, cart, or buy buttons. Toggle the "Buyer intent only" checkbox in the control bar to see the patterns of visitors who reached this page and acted with high purchase intent.
Does the overlay affect storefront performance?: No. The overlay bundle (about 4.3 KB) is downloaded only on pages opened with an admin key — regular visitors never download it. The standard tracker bundle gained only the admin-detection branch (about 0.2 KB).

Try it now

Open dashboard