# 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](/en/insight/smart-heatmap/block-element-settings.md#element-settings) 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                                                    |

<figure><img src="/files/9Cda1iJmtq87OxN8kzsw" alt=""><figcaption><p>Two-mode switcher dropdown</p></figcaption></figure>

***

## 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?](/en/insight/smart-heatmap/block-element-settings.md#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](/en/insight/smart-heatmap/metric-reference.md).

***

## 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?

***

## Related pages

* [Conversion Heatmap](/en/insight/smart-heatmap/conversion-heatmap.md) — Verify whether clicked elements drive conversion
* [Stay Heatmap](/en/insight/smart-heatmap/stay-heatmap.md) — Check stay time around clicked elements
* [Metrics Reference](/en/insight/smart-heatmap/metric-reference.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://helps.ptengine.com/en/insight/smart-heatmap/click-heatmap.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.