Click Heatmap

A heatmap that visualizes click (or tap) behavior on each page element. You can quantitatively confirm user intent and CTA effectiveness.


What this heatmap can tell you

  • Which elements get the most clicks

  • Whether CTA buttons receive enough clicks

  • Whether there are spots users want to click but have no link configured

Prerequisite: Element-level click analysis requires element setup on the target page. Switching to Click Heatmap auto-scans elements.


Two display modes

Switch display modes using the dropdown menu in the upper left of the heatmap. The default is Click Heatmap (color display). We recommend starting with the color view to grasp overall click distribution intuitively, then switching to Element Click (numerical) for deeper element-level analysis.

Mode
Characteristics

Click Heatmap (color, default)

Visualizes click concentration via color shading. Also surfaces clicks on areas not designated as interactive

Element Click (numerical)

Shows click count, click rate, and click share per element

Two-mode switcher dropdown

Click Heatmap mode (color display)

Visualizes click overlap with thermography (color shading). Surfaces clicks on areas not designated as interactive — useful for finding elements that "have no link but users keep clicking."

Color
Meaning

Red

Concentrated clicks

Blue

Few clicks

Transparent

Little to no clicks


Element Click mode (numerical display)

Displays click data per element using numbers. You can switch between 3 metrics:

Display Metric
Description

Click Count

Number of times each element was clicked

Click Rate

Click rate per element. Formula: target element's click count ÷ PVs reaching that block

Click Share

Each element's share of total page clicks

Element detail view

Clicking an element on the heatmap opens a detail popup:

  • Display count

  • Click count

  • Click share

  • Click UV (unique users)

  • Conversion count

Right-side element list

The right-side panel shows the full list of elements on the page.

  • Sort order: Sorted by page position (element top edge from top) by default. Click any column header to re-sort by that metric.

  • Click behavior: Clicking a row in the element list switches the right-side panel to that element's detailed data. The heatmap area does not jump to or highlight the element's position — this panel is designed for inspecting per-element details.

Element analysis (detailed data and breakdown)

Beyond the headline numbers, clicking an element reveals breakdown data for the visits that clicked it. Filter and decompose by visit attributes (traffic source, device, etc.) to answer questions like "who is clicking this element from where?"

Breakdown data
Description

Traffic source

Source of the visits that clicked this element (search engine, campaign, etc.)

Device info

Device info for visits that clicked this element

Entry page

Landing page of visits that clicked this element

Region

Region of visits that clicked this element

Element action menu

Selecting an element exposes the following operations:

Operation
Description

Rename

Give the element a meaningful name

Move to position

Scroll the view to where the element is

Mark as CTA

Tag as an important CTA

Mark as fixed display

Tag as a floating element

Delete

Remove the element marker


Show CTAs only filter

Check "Show CTAs only" to limit both the heatmap and the element list to elements marked as CTAs. Useful for quickly focusing on key elements.

For how to designate CTAs, see Block & Element Setup — What is a CTA?.


Metrics used

Metric
Definition
Formula
Display mode

Click Count

Click count for the target element. Measured regardless of link presence

Element Click

Click Rate

Click rate for the target element

Target element clicks ÷ PVs reaching that block

Element Click

Click Share

Target element's share of total page clicks

Target element clicks ÷ total page clicks

Element Click

For detailed formulas, see Metrics Reference.


Analysis tips

"Positive" vs "negative" click signals

Red areas aren't always good news.

  • Positive: CTA buttons or important links concentrate clicks

  • Negative: Non-link images or text concentrate clicks (= user expectations don't match page design)

CTA click rate guideline

CTA click rate, relative to visits, is best at 10% or higher as a rough benchmark. Below that, consider improving CTA visibility, copy, or placement.

Checkpoints

  • Are click concentrations where you'd expect them?

  • Are the most-clicked elements buried in hard-to-see areas?

  • Are there elements being clicked that have no link or action set?

  • Is CTA click rate sufficient?


最終更新