> 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/cn/insight/smart-heatmap/click-heatmap.md).

# 点击热力图

可视化用户在页面内点击（或触点）位置的热力图。您可以定量确认用户的操作意图和 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)