See where attention really goes
Five visualization modes. Traffic source segmentation. Element-level click analysis. Powered by a real-time canvas engine that works on dynamic content and single-page apps.
Five ways to see what matters
Canvas-rendered overlays that update in real time. See attention, clicks, scroll depth, individual interactions, and per-element breakdowns — all on your actual pages.
Understand where visitors are looking
Visualize mouse movement patterns to reveal where visitors pay attention. Research shows mouse and eye movement are highly correlated — so you get a reliable map of what users actually read. Hot zones glow in real time on a canvas overlay with adjustable intensity and radius.
Two ways to analyze clicks
The heatmap overlay shows click density as a thermal gradient — red-hot where clicks cluster, cool where they don't. Switch to click dots mode to see every individual click as a colored point, perfect for spotting misclicks and finding patterns the aggregate view hides.
Which elements get the most clicks
See exactly how many clicks each button, link, and interactive element receives. Elements are highlighted directly on the page with ranked badges, and a sortable table shows click counts and percentages — so you can instantly compare CTAs and find the ones being ignored.
See how far visitors scroll — in detail
A gradient overlay shows the percentage of visitors who saw each section. Granular per-band depth percentages update as you hover, and median and average depth lines let you see exactly where the typical visitor stops. Place your most important content where it will actually be seen.
Compare behavior by traffic source
Segment any heatmap by where visitors came from — direct traffic, organic search, social media, email campaigns, or a specific referring domain. See how visitors from Google interact differently than those from Twitter, so you can tailor each landing page to its audience.
Works on SPAs and dynamic pages
Unlike traditional heatmaps that rely on static screenshots, Inspectlet reconstructs your actual page inside an iframe — including AJAX content, single-page app navigation, infinite scroll, and content loaded after the first paint. No setup required.
See what gets noticed — and what doesn't
Install one snippet and start mapping real attention on your site. Five visualization modes, traffic segmentation, and export — all out of the box.