# 比较热力图

可以将不同条件下的热力图并排对比的功能。可用于改版前后效果验证、设备分群行为对比、多种热力图同时查看等场景。

***

## 这个功能能告诉你什么

* 页面改版或 A/B 测试前后的差异
* 不同分群（流入源、设备、地区等）的用户行为差异
* 同一页面不同视角（停留、离脱、点击等）的同时确认

***

## 2 种比较模式

| 模式         | 内容                             |
| ---------- | ------------------------------ |
| **比较不同条件** | 同一种热力图，比较不同时间段·分群·页面版本         |
| **比较不同视角** | 同一条件、同一页面，同时查看多种热力图（停留·离脱·点击等） |

***

## 比较不同条件

**以同一个页面、同一种设备为底图，仅改变条件来对比**的模式。本质是看「**同一页面上，不同人群的行为差距**」。

例如：「从 Google 搜索过来的人 vs 从 Instagram 广告过来的人，在同一个 LP 上的浏览方式有什么不同？」「改版前 vs 改版后，首屏下方的点击率有变化吗？」这种问题就用这个模式。

可以并排多个热力图卡片进行比较。点击每张卡片可调整以下条件：

* 时间段（日期）
* 分群条件（流入渠道 / 访客类型 / 地区 等）
* 已保存的热力图版本（改版前后）
* 体验版本（A/B 测试的不同 variant）

右侧数据表会并排显示各卡片的数值与比率。

> **⚠️ 设备不能在卡片之间切换。**
>
> 这个模式以「**同一页面 + 同一设备**」为共通底图。PC 和手机上的热力图底图（页面布局）本身不同，并排放也无法做对应位置的比较。如果想看设备之间的行为差异，请使用工具栏的设备切换按钮，分别查看每个设备的热力图。

### 使用场景

* **改版前 vs 改版后**：用页面保存功能保留改版前版本，并排查看检验改进效果
* **不同流入渠道**：Google 搜索 / 广告 / 直接流入等，发现流入源带来的行为差异
* **新访客 vs 回访**：访客类型分群下的关注点差异
* **A/B 测试 variant 比较**：体验版本不同时，CTA 周围的行为如何变化

***

## 比较不同视角

设置**共通的基准条件**后，选择多个热力图类型同时显示。

设置的共通条件：

* 页面 URL
* 分析时段（例：4/1〜4/30）
* 设备类型（PC、智能手机等）

例如：在「PC 用户的 4 月数据」上同时显示「停留热力图」和「转化贡献热力图」。

### 使用场景

* 直观发现「停留长但对 CV 没贡献的区块」
* 一次俯瞰同一份数据的「停留 / 离脱 / 点击」各个视角

***

## 入口位置

比较热力图可以**从任意一种热力图中添加**。此外，比较热力图画面内也新增了入口。

详见 [从经典版的变更点 — 比较热力图的入口](/cn/insight/smart-heatmap/migration-from-classic.md)。

***

## 相关页面

* [工具栏功能](/cn/insight/smart-heatmap/toolbar.md)
* [停留热力图](/cn/insight/smart-heatmap/stay-heatmap.md)
* [离脱热力图](/cn/insight/smart-heatmap/exit-heatmap.md)
* [从经典版的变更点](/cn/insight/smart-heatmap/migration-from-classic.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/comparison.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.