# 智能热力图

{% hint style="info" %}
“内容太多，没那么多时间看”，“专业术语太多，看也看不懂”。\
针对您这样的烦恼，您可以点击**标题右方的按钮下拉**\
**即可召唤您的AI，帮助您答疑解惑！**\
![](/files/Yr7pajT6FqpgMHU2iBxf)
{% endhint %}

Ptengine 的智能热力图，基于已部署的基础代码采集的数据，可以快速分析用户在内容上的**停留时间 / 离脱 / 点击 / 转化**等行为。

智能摘要还会读取实际的页面构成，结合采集到的数据，由 AI 自动解释「为什么会发生这种情况」。

通过 8 个功能模块，您可以全面了解页面上发生的所有用户行为。

***

## 这个工具能告诉你什么（使用场景）

| 想了解什么                | 用哪个功能                                                      |
| -------------------- | ---------------------------------------------------------- |
| 想快速了解页面整体情况          | [智能摘要](/cn/insight/smart-heatmap/smart-summary.md)         |
| 用户关注哪些内容             | [停留热力图](/cn/insight/smart-heatmap/stay-heatmap.md)         |
| 用户在哪些位置离脱            | [离脱热力图](/cn/insight/smart-heatmap/exit-heatmap.md)         |
| 哪些按钮、链接被点击           | [点击热力图](/cn/insight/smart-heatmap/click-heatmap.md)        |
| 哪些内容对成果有贡献           | [转化贡献热力图](/cn/insight/smart-heatmap/conversion-heatmap.md) |
| 想要页面/区块/元素的数值报告      | [数据报告](/cn/insight/smart-heatmap/numerical-report.md)      |
| 想比较改版前后 / 不同分群 / 多视角 | [比较热力图](/cn/insight/smart-heatmap/comparison.md)           |
| 想把热力图截图放进资料          | [截图功能](/cn/insight/smart-heatmap/screenshot.md)            |

***

## 8 个功能模块

| 模块                                                         | 类型    | 概要                       |
| ---------------------------------------------------------- | ----- | ------------------------ |
| [智能摘要](/cn/insight/smart-heatmap/smart-summary.md)         | AI 分析 | AI 自动生成页面整体和区块级别的洞察摘要    |
| [停留热力图](/cn/insight/smart-heatmap/stay-heatmap.md)         | 热力图   | 可视化每个区块的用户停留时间           |
| [离脱热力图](/cn/insight/smart-heatmap/exit-heatmap.md)         | 热力图   | 可视化每个区块的离脱情况             |
| [点击热力图](/cn/insight/smart-heatmap/click-heatmap.md)        | 热力图   | 可视化用户对页面元素的点击行为          |
| [转化贡献热力图](/cn/insight/smart-heatmap/conversion-heatmap.md) | 热力图   | 评估每个区块/元素对转化的贡献度         |
| [数据报告](/cn/insight/smart-heatmap/numerical-report.md)      | 数据报告  | 综合呈现页面/区块/元素的整体表现        |
| [比较热力图](/cn/insight/smart-heatmap/comparison.md)           | 比较    | 将多个热力图并排对比               |
| [工具栏功能](/cn/insight/smart-heatmap/toolbar.md)              | 通用    | 页面切换、时间段、分群、共享、页面保存等通用操作 |

***

## 开始之前 — 设定顺序很重要

要充分利用智能热力图的功能，请按以下顺序进行设定：

```
① 设定 转化目标（CV）
② 设定 区块
③ 设定 元素
```

| 设定项  | 设定后能做什么                            |
| ---- | ---------------------------------- |
| ① 转化 | 转化贡献热力图 / 数据报告中的 CV 分析、智能摘要的分析精度提升 |
| ② 区块 | 停留、离脱、转化贡献的区块级分析；智能摘要的区块解读         |
| ③ 元素 | 点击、转化贡献的元素级分析；CTA 设定               |

> **不必追求完美，先设置起来再说。** 设定都可以随时调整。

详细步骤请参考下列文档：

* [上手指南：3 个设定顺序](/cn/insight/smart-heatmap/getting-started.md)
* [区块·元素设定方法](/cn/insight/smart-heatmap/block-element-settings.md)

***

## 从经典版热力图迁移过来的用户

旧版热力图功能在新版中的对应位置，请参考变更对照表。

→ [从经典版的变更点](/cn/insight/smart-heatmap/migration-from-classic.md)

***

## 动态站点的支持

Ptengine 自开发之初就采用了动态热力图技术，**不是简单的静态页面捕捉**，而是采用支持动态页面的高级渲染技术。

汉堡菜单、巨型菜单、轮播、手风琴等动态内容、自适应站点，乃至先进的交互设计与 SPA 都能正常计测。

通过工具栏的 **画面操作模式**，还可以查看打开了 Tab 或手风琴状态下的热力图。详见 [工具栏功能](/cn/insight/smart-heatmap/toolbar.md)。

***

## 注意事项

热力图可能无法正确取得数据的情况：

* 嵌入了 iframe 的页面
* 使用 JavaScript 动态生成 ID 的站点
* 页面高度或内容频繁变更
* 同一页面内 ID 名称重复

详细处理方法请参考 [特殊场景与故障排查](/cn/insight/smart-heatmap/special-cases.md)。

推荐浏览器：Chrome、Microsoft Edge、Firefox。建议安装 [Ptengine 助手](/cn/start-guide/what-is-ptengine/ptengine-assistant.md) Chrome 扩展以提高兼容性。


---

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