> 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/stay-heatmap.md).

# 停留热力图

可视化用户在页面内每个区块停留时间的热力图。**停留时间长 = 用户关注度高**，可以帮助识别这类区域。

***

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

* 哪些区块吸引了用户的关注
* 哪些区块被用户跳过
* 重要内容是否得到了适当的关注

> **前提**：使用停留热力图前，目标页面需要先 [设定区块](https://helps.ptengine.com/cn/insight/smart-heatmap/pages/hl3XxlmaMNyfxUCFMpO3#区块设定)。

***

## 两种显示模式

通过热力图左上角的下拉菜单切换显示模式。**默认是注意力模式**，建议先用注意力直观掌握整体注目分布，再切换到区块停留深入查看具体区块的数据。

| 模式          | 特点                      | 适合的场景          |
| ----------- | ----------------------- | -------------- |
| **注意力**（默认） | 以像素粒度的注目分布，用热成像（色彩深浅）显示 | 想知道视线具体集中在哪个位置 |
| **区块停留**    | 按区块单位显示平均停留时间（秒数）       | 想大致了解哪个区块受欢迎   |

***

## 注意力模式（色彩显示）

将用户的停留时间相对评估，用色彩深浅可视化。

| 颜色 | 含义         |
| -- | ---------- |
| 红色 | 用户停留时间长的区域 |
| 蓝色 | 用户关注度低的区域  |
| 透明 | 停留时间接近零    |

### 注意力着色的 3 个规则

1. **画面正中央最红** — 用户视线集中的区域
2. **多人在同一位置停止滚动会变红** — 多个用户在同一位置停止时，颜色更深
3. **用户长时间停留的位置会变红** — 长时间被阅读的位置越红

***

## 区块停留模式（数值显示）

按每个区块（区段）显示平均停留时间（**秒数**）。

* 每个区块上方显示停留秒数
* 右侧面板显示所有区块的列表和展示率

### 区块详情查看

点击热力图上的任意区块，会弹出该区域的详情数据：

* 展示率
* 平均停留时间
* 离脱数
* 转化数

### 右侧数据表

热力图右侧的数据表显示页面内所有区块的列表。

| 指标     | 说明                        |
| ------ | ------------------------- |
| 区块名    | 点击会滚动到热力图上的对应位置           |
| 展示率    | 该区块在画面中显示的 PV 比例          |
| 平均停留时间 | 看到该区块的用户的平均停留时间。越长说明关注度越高 |

> **关于排序**：区块列表默认按\*\*页面上的出现顺序（区块上端的高度）\*\*排列。点击各列表头可以按该指标重新排序。

***

## 使用的指标

| 指标名          | 定义                              | 计算公式                   |
| ------------ | ------------------------------- | ---------------------- |
| **区块平均停留时间** | 该区块出现在可视窗口内的平均时间（秒），表示用户看了该区块多久 | 该区块在可视窗口内的停留时间合计 ÷ 展示数 |
| **展示率**      | 滚动到该区块并显示的 PV 数比例               | 到达区块上端的 PV 数 ÷ 总页面浏览数  |

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

***

## 分析提示

### 停留时间长 ≠ 一定是正面信号

停留时间长有 2 种可能原因：

* **正面**：用户对内容感兴趣，认真阅读
* **负面**：内容不清楚，需要时间才能理解

判断的关键是**与离脱热力图组合使用**。

| 模式   | 停留时间 | 离脱率 | 解读               |
| ---- | ---- | --- | ---------------- |
| 关注度高 | 长    | 低   | 用户对内容满意，继续到下一区块  |
| 有疑虑  | 长    | 高   | 用户读了内容，但与期望不符而离脱 |
| 跳过阅读 | 短    | 低   | 没有兴趣，但期待下一内容而继续  |
| 即刻离脱 | 短    | 高   | 看到内容立即失去兴趣，离脱    |

### 检查要点

* 重要内容（价值主张、CTA 等）是否得到了充分关注
* 被关注的内容是否埋没在页面下方
* 整个页面色彩较浅可能说明内容吸引力不足
* 色彩差异大的区域（红→绿→红）表示该区域阅读意愿波动剧烈

***

## 相关页面

* [离脱热力图](/cn/insight/smart-heatmap/exit-heatmap.md) — 结合停留时间和离脱率分析
* [智能摘要](/cn/insight/smart-heatmap/smart-summary.md) — AI 自动分析
* [指标参考](/cn/insight/smart-heatmap/metric-reference.md)