> For the complete documentation index, see [llms.txt](https://helps.ptengine.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://helps.ptengine.com/en/insight/smart-heatmap/click-heatmap.md). # 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 |

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?](/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)