TapCub is live — analytics, insights and live chat, free on one platform
Help center

How do I create a heatmap?

Heatmaps in TapCub come from autocapture: turn it on, pick a page and a device, then read clicks, rage clicks, scroll reach and elements. Prerequisites, steps and limits.

Product analytics2 min readLast updated Nov 4, 2026TapCub teamPart of Autocapture and the AI event inbox

Still have a question?

Could not find it? A person reads every message, usually within a few hours on business days.

Chat with us

Short answer

Turn on autocapture (Pro plan and above), plus Scroll depth for scroll maps. Then open All-platform analytics → Behavior → Heatmaps, pick a page and a device, and switch between Clicks, Rage clicks, Scroll reach and Elements.

Before you start

Heatmaps are built from autocapture, so there is no separate heatmap script.

  1. Turn on autocapture in the autocapture card under Web analyticsConfigurationSDK code. Autocapture is included from the Pro plan.
  2. Turn on Scroll depth in the same card if you want scroll maps. Scroll reach stays empty until it is on.
  3. Optionally limit the pages: the card has page scope rules (* as a wildcard, such as /product/*) and a list of elements to skip.

Data builds up from the moment autocapture is on. Heatmaps do not cover visits before that.

Open a page's heatmap

  1. Go to All-platform analyticsBehaviorHeatmaps.
  2. Pick a page from the list. Rows are merged by path template, so /product/123 and /product/456 sit in one row.
  3. Pick a device: all, desktop, mobile or tablet. Layouts differ, so read them separately.
  4. Pick a tab and a date range of up to 92 days.
TabWhat it shows
ClicksWhere people clicked, from blue (few) to red (many)
Rage clicksSpots with three quick clicks close together, a sign something did not respond
Scroll reachThe share of visits that reached each depth or further
ElementsThe most clicked controls, their share and visitors

Seeing the real page underneath

TapCub can lay your live page under the heat. The address defaults to https:// plus the project's main domain plus the page path. For a multi-domain site or local testing, change the page origin next to the switch; this is saved in your browser only.

If your site refuses to be shown in a frame, the overlay stays blank. The coordinate map still works, and you can capture a background image instead.

What is not recorded

Password fields, anything inside data-tc-ignore, the chat widget and elements on your deny list. Element text is off by default.

Clear data

Use Clear all on the autocapture card, or clear one page from its heatmap. Events you accepted in the event inbox and events sent from code are kept. For a single session rather than many people at once, use session replay.

See also: how to read a heatmap, rage click and track scroll depth.

See also: Watch session recordings.

Did this answer your question?

We use your answers to fix and expand this page.

See your data clearly. Find your growth.

Every click, backed by data. Install one line of code and see your first numbers in a minute.

No credit card · Free plans for analytics and chat · Cookieless analytics