heatmap

A color wash over a page screenshot showing where people clicked, hovered, or stopped scrolling. Red is busy, blue is dead.

the red-blob click mapwhere people lookclick mapheat mapthe red and blue overlay on a screenshotscroll depth maphotspot mapshows where people click on the page

See it

Live demo coming soon

What it is

A heatmap washes color over a screenshot of your page to show where behavior piled up. Blue is ignored, red is busy. Three flavors do different jobs: click (or tap) maps show what people pressed, move maps trace cursor position as a rough proxy for attention, and scroll maps show what percentage of visitors ever saw each stripe of the page, with a fold line where half of them stopped.

Scroll maps are the ones that change decisions fastest: they tell you your pricing table is below the point where 60 percent of people quit scrolling. Click maps earn their keep through dead clicks, the taps on headings, icons, and images that are not links at all. Those are people telling you what they expected to be interactive.

Gotchas: a heatmap is an aggregate, so it loses order. It cannot tell you what someone clicked first, which is what session replay is for. It also smears badly if you mix devices, since a responsive layout puts the same button in different places, so always segment by desktop, tablet, and mobile. Cursor position correlates only loosely with gaze, so treat move maps as a hint, not eye tracking. And with a few hundred sessions you are mostly looking at pretty noise.

Ask AI for it

Build a click heatmap overlay for my page. Capture every click with coordinates normalized against document width and absolute page Y, plus viewport width and the nearest element selector, and batch them to an endpoint. For the overlay view, render clicks onto a canvas as radial gradients (radius about 25px, additive alpha), then map the accumulated density through a blue to cyan to yellow to red color ramp with transparent at zero, drawn over a screenshot of the page at 60 percent opacity. Add a device-width filter (mobile, tablet, desktop), a toggle for dead clicks on non-interactive elements, and a scroll-depth mode that shades horizontal bands by percentage of sessions that reached them.

You might have meant

session replayconversion funnelfunnel leakagebounce rate vs engagement rateevent tracking