# 点击热力图

可视化用户在页面内点击（或触点）位置的热力图。您可以定量确认用户的操作意图和 CTA 的效果。

***

## 这个热力图能告诉你什么

* 页面内最多被点击的元素在哪里
* CTA 按钮是否获得了充分的点击
* 是否存在用户想点击但没有设置链接的地方

> **前提**：要做元素级别的点击分析，目标页面需要先 [设置元素](https://helps.ptengine.com/cn/insight/smart-heatmap/pages/hl3XxlmaMNyfxUCFMpO3#元素设定)。切换到点击热力图时元素会自动扫描。

***

## 两种显示模式

通过热力图左上角的下拉菜单切换显示模式。**默认是点击热力图（色彩显示）**，建议先用色彩显示直观掌握整体点击分布，再切换到元素点击（数值显示）深入分析具体元素的数据。

| 模式                 | 特点                                |
| ------------------ | --------------------------------- |
| **点击热力图**（色彩显示·默认） | 以色彩深浅可视化点击集中区域。也能看到没有被设为可交互的位置的点击 |
| **元素点击**（数值显示）     | 按元素显示点击数·点击率·点击占比                 |

<figure><img src="/files/ATZjwhPcptQcNAwlgFjC" alt=""><figcaption><p>两种显示模式的切换下拉</p></figcaption></figure>

***

## 点击热力图模式（色彩显示）

以\*\*热成像图（色彩深浅）\*\*可视化点击重叠。也能看到未被设为可交互位置的点击，方便发现「明明没设链接但用户在按」的元素。

| 颜色 | 含义        |
| -- | --------- |
| 红色 | 点击集中的区域   |
| 蓝色 | 点击较少的区域   |
| 透明 | 几乎没有点击的区域 |

***

## 元素点击模式（数值显示）

以**数值**形式显示各元素的点击数据。还可以切换以下 3 个指标：

| 显示指标     | 说明                                  |
| -------- | ----------------------------------- |
| **点击数**  | 各元素被点击的次数                           |
| **点击率**  | 各元素的点击率　计算公式：目标元素的点击数 ÷ 到达该区块的页面浏览数 |
| **点击占比** | 该元素占页面整体点击数的比例                      |

### 元素详情查看

点击热力图上的元素，会弹出该元素的详情面板：

* 显示数
* 点击数
* 点击占比
* 点击 UV（独立用户数）
* 转化数

### 右侧元素列表

热力图右侧面板显示页面内所有元素的列表。

* **排序**：默认按\*\*页面上的出现顺序（元素上端的高度）\*\*排列。点击各列表头可以按该指标重新排序
* **点击行的行为**：点击元素列表中的行后，**右侧面板会切换为该元素的详细数据**。热力图区域不会跳转或高亮该元素的位置（这个面板是为了查看元素单位的详细数据而设计的）

### 元素分析（详细数据与内分解）

点击元素后，除了主要数值，还能查看该元素被点击访问的**内分解数据**。可以按访问属性（流入来源、设备等）过滤、拆分，回答"哪些经路过来的人在按这个元素"等问题。

| 内分解数据 | 说明                      |
| ----- | ----------------------- |
| 流入来源  | 点击此元素的访问的流入来源（搜索引擎、活动等） |
| 设备信息  | 点击此元素的访问的设备信息           |
| 入口页面  | 点击此元素的访问的着陆页面           |
| 地域    | 点击此元素的访问的地域             |

### 元素操作菜单

选中元素后可执行以下操作：

| 操作         | 说明           |
| ---------- | ------------ |
| 重命名        | 给元素起一个易懂的名字  |
| 移到位置       | 滚动视图到该元素所在位置 |
| **设为 CTA** | 标记为重要 CTA    |
| **设为固定显示** | 标记为浮动元素      |
| 删除         | 删除元素标记       |

***

## 仅显示 CTA 过滤

勾选「**仅显示 CTA**」，热力图和元素列表中只会显示标为 CTA 的元素。可以聚焦关键元素快速分析。

> CTA 的设定方法请参考 [区块·元素设定方法 — 什么是 CTA](https://helps.ptengine.com/cn/insight/smart-heatmap/pages/hl3XxlmaMNyfxUCFMpO3#什么是-cta)。

***

## 使用的指标

| 指标名      | 定义                       | 计算公式                   | 显示模式 |
| -------- | ------------------------ | ---------------------- | ---- |
| **点击数**  | 对目标元素的点击次数。无论是否有链接都会被记录。 | —                      | 元素点击 |
| **点击率**  | 目标元素的点击率。                | 目标元素的点击数 ÷ 到达该区块的页面浏览数 | 元素点击 |
| **点击占比** | 该元素占页面整体点击总数的比例。         | 目标元素的点击数 ÷ 页面整体点击数     | 元素点击 |

> 各指标的详细计算公式请参考 [指标参考](/cn/insight/smart-heatmap/metric-reference.md)。

***

## 分析提示

### 点击的「正面因素」和「负面因素」

变红的地方并不都是良好状态。

* **正面因素**：CTA 按钮或重要链接吸引了大量点击
* **负面因素**：没有链接的图像或文本吸引了大量点击（= 用户期望与页面设计存在偏差）

### CTA 点击率的参考标准

CTA 按钮的点击率相对于访问数应该在 **10% 以上**是一个参考值。如果低于 10%，请考虑改进 CTA 的可见性、文案和位置。

### 检查要点

* 点击集中的地方是否符合预期
* 被点击最多的元素是否位于页面难以看到的地方
* 是否存在被点击但没有设置链接或行动的元素
* CTA 按钮的点击率是否充分

***

## 相关页面

* [转化贡献热力图](/cn/insight/smart-heatmap/conversion-heatmap.md) — 确认被点击的元素是否对转化有贡献
* [停留热力图](/cn/insight/smart-heatmap/stay-heatmap.md) — 确认被点击区块的停留时间
* [指标参考](/cn/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/cn/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.