> 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/start-guide/quick/visual-event-setup.md).

# 可视化事件设置

可视化事件，是**不写代码、在页面上点选元素**就能把一个按钮或链接设成监测对象的方式。

装好基础代码之后，这是最快让数据从“有多少人来”变成“他们做了什么”的一步。

{% hint style="info" %}
本页是入门引导。完整的设置步骤、监测范围、事件命名规则见 [可视化事件设置方法](/cn/insight/event/setup.md)。
{% endhint %}

***

## 什么时候用得上 <a href="#when-to-use" id="when-to-use"></a>

* **衡量转化** — “购买”“索取资料”“联系我们”这类关键按钮被点了多少次
* **评估内容** — 某篇文章、某个横幅、某个导航菜单的点击情况
* **改进 UI/UX** — 多个页面上通用的按钮（如页头的登录按钮）整体被用得怎么样

***

## 两种事件怎么选 <a href="#which-event-type" id="which-event-type"></a>

|      | 可视化事件                  | 自定义事件              |
| ---- | ---------------------- | ------------------ |
| 设置方式 | 页面上点选，无需 JavaScript 知识 | 写 JavaScript 代码    |
| 能采集  | 只有点击次数                 | 点击次数 + 金额、品类等自定义信息 |

先用可视化事件把基础点击量跑起来，确实需要更细的数据时再上 [自定义事件](/cn/experience/setting/custom-event-setup.md)。

***

## 设置之前要知道的 <a href="#before-you-start" id="before-you-start"></a>

* 目标页面必须已部署 [基础代码](/cn/start-guide/quick/tag-setup.md)
* **事件名设定后无法修改**，同名事件会被合并计数——设之前先想好命名
* 事件只从设置那一刻起开始积累，查不到设置之前的历史
* 手风琴菜单等需要先点开才出现的元素，要用工具栏的**交互模式**
* 网站改版后标签或属性变了，原先选中的元素可能识别不到，改版后请复查

***

## 下一步 <a href="#next" id="next"></a>

* [可视化事件设置方法](/cn/insight/event/setup.md) — 完整操作步骤
* [事件发包的检查](/cn/insight/event/verify-firing.md) — 确认事件真的被触发了
* [可视化事件](/cn/insight/event.md) — 事件分析界面怎么看
* [无法配置事件的情况](/cn/faq/insight-setting/event-cannot-set.md) — 设置界面打不开时