> 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/block-element-settings.md).

# 区块·元素设定方法

要在智能热力图中进行区块/元素级别的分析，需要先在目标页面设定「区块」和「元素」。本页介绍设定画面的操作和各功能的含义。

> 设定的顺序（① CV → ② 区块 → ③ 元素）和前提条件请参考 [上手指南：3 个设定顺序](/cn/insight/smart-heatmap/getting-started.md)。

***

## 术语定义

| 术语     | 定义              | 示例                    |
| ------ | --------------- | --------------------- |
| **区块** | 把页面分割成多个逻辑区域的单位 | 头部 / 主视觉 / 客户评价 等     |
| **元素** | 页面上最小颗粒度的内容     | 按钮 / 链接 / 图片 / 输入表单 等 |

通过区块和元素的组合，可以从**定量（数值）和定性（热力图）两个角度**分析内容效果。

> **区块的自动识别**：智能热力图会基于页面的 DOM 结构（`div` 等布局元素）自动识别区块。下拉菜单、手风琴等动态元素的交互性也会被纳入考虑。

***

## 转化设定

设定转化目标后，可以分析每个区块/元素对转化的贡献度。

### 设定方法（2 种）

1. 点击热力图画面右上角的「**转化设定**」按钮
2. 切换到转化贡献热力图，从画面上的「**转化设定**」按钮进入

### 设定画面的使用方法

* **左侧**：已添加的转化列表（也可新增）
* **右侧**：选择要在报告中显示的转化（拖拽可调整顺序）

> **⚠️ 排在最上面的转化会被视为「主要转化」**
>
> 右侧面板中**排在第 1 位的转化**会自动被视为本页面的**主要转化**。
>
> 主要转化会作为 [智能摘要](/cn/insight/smart-heatmap/smart-summary.md) 的「**广告效果分析**」和「**受众分析**」中转化率计算的**唯一基准**。即使设定了多个转化目标，这两个分析也只会引用主要转化。
>
> 想更换主要转化时，请在右侧面板中把目标转化**拖拽到第 1 位**。

详细设定步骤请参考 [转化的管理界面](/cn/insight/conversion/management.md)。

***

## 区块设定

将整个页面划分为多个逻辑区域。设定区块后，可以分析每个区域的**停留、离脱、转化**。

### 设定方法（3 种）

1. 点击热力图画面右上角的「**区块设定**」按钮
2. 在热力图内点击「**编辑区块**」按钮
3. 区块未设定时弹窗中的入口

### 区块设定画面的主要操作

| 操作      | 说明                  |
| ------- | ------------------- |
| 保存      | 保存设定的区块             |
| 切换设备    | PC / 智能手机分别设定       |
| 撤销 / 重做 | 操作的撤销 / 重做          |
| 画面操作模式  | 查看通常隐藏的元素（Tab、手风琴等） |
| 重新扫描区块  | 页面结构变化后重新扫描         |
| 区块重命名   | 改成更易懂的名字            |

> 页面高度或内容变化时，请务必执行「**重新扫描区块**」。详见 [特殊场景与故障排查 — 页面高度变化时](https://helps.ptengine.com/cn/insight/smart-heatmap/pages/fhU1fjbz4CbmWLnEoSIM#页面高度或内容变化时)。

***

## 元素设定

将页面上的可交互元素（按钮、链接、图片、表单等）分别识别并打标。

### 设定方法（3 种）

1. 点击热力图画面右上角的「**元素设定**」按钮
2. 在点击热力图内点击「**编辑元素**」按钮
3. 切换到点击热力图时会自动扫描

### 元素设定画面的主要操作

| 操作         | 说明                   |
| ---------- | -------------------- |
| 保存         | 保存设定的元素              |
| 重新扫描元素     | 重新扫描元素               |
| 重置页面设定     | 重置所有元素设定             |
| 元素重命名      | 改成更易懂的名字             |
| **设为 CTA** | 标记为重要 CTA。在转化报告中突出显示 |
| **设为固定显示** | 标记为滚动时仍常驻显示的元素（浮动元素） |
| 删除         | 删除元素标记               |

### 什么是 CTA

页面上特别重要的按钮或链接（购买按钮、申请按钮等促使用户行动的元素）可以标记为 **CTA（Call To Action）**。设为 CTA 后：

* 点击热力图和转化贡献热力图可以用「仅显示 CTA」过滤
* 数据报告中会显示 CTA 点击数·CTA 点击率等独立指标

### 什么是固定显示元素

跟随滚动始终显示的元素（吸顶头部、浮动购买按钮、侧边广告等）可以设为**固定显示元素**。正确标记后，热力图不会重复计数，可以保证准确计测。

> **快捷键操作**：在元素设定画面或已设定画面中，鼠标悬停状态下按 `Option` 键（Mac）或 `Alt` 键（Windows），可以临时显示并确认固定显示元素。

***

## β 版迁移用户的注意事项

区块转化的计算方法已经变更：

|             | 计算对象                              |
| ----------- | --------------------------------- |
| 变更前（β 版）    | 看过该区块的所有用户的 CV 都计入                |
| **变更后（现行）** | 仅当用户在该区块**停留时间达到设定阈值**之后产生 CV 才计入 |

阈值可以从热力图画面右上角的「**页面转化设定**」修改，默认为 **5 秒**。

详见 [转化贡献热力图](https://helps.ptengine.com/cn/insight/smart-heatmap/pages/VDaIYRQ70Pf1nlXGXnCv#区块转化率的理解方式)。

***

## 相关页面

* [上手指南：3 个设定顺序](/cn/insight/smart-heatmap/getting-started.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/special-cases.md)