# 停留热力图

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

***

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

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

> **前提**：使用停留热力图前，目标页面需要先 [设定区块](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)


---

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