事件探索

Ptengine提供了可视化方式设置事件的功能，我们最大程度上简化了设置事件的过程和步骤，无需技术同事的参与埋点，轻松几步就可以监测网站上的任意交互元素。

如何设置可视化事件 #

进入到事件探索界面，如下图

第一步，选择并打开您要设置事件的页面。

选择网页的方法有三种：

• 1.通过图标①在输入框中输入URL，点击进入，可以在新标签打开您要设置事件的页面。
• 2.在图标中的合参页面或者原始页面中选择您要设置事件的页面，点击指标可以切换排序。点击页面标题或者URL可以在新标签打开您要设置事件的页面。
• 3.在图标③中通过URL或者标题搜索您要设置事件的页面，点击页面标题或者URL可以在新标签打开您要设置事件的页面。

第二步，进入到事件设置模式

新标签打开的页面会自动进入到事件设置模式，鼠标悬浮时出现的红色线框表示能进行事件测量的地方。将鼠标悬浮到您想监测的元素上，单击鼠标选取事件元素，如下图：

第三步：设置监测对象。

点击元素后会出现该元素过去7天的点击数，在这里需要选择事件的监测对象为仅当前元素还是同类元素。

仅当前元素：是按照此元素在HTML中的位置从body开始逐层获取选择器，例如body > div:nth-child(5) > div:nth-child(2) > div:nth-child(1) > button:nth-child(3)，如果元素有id属性会直接获取id，不会按照元素顺序获取选择器，所以如果需要设置事件的元素有id属性，我们推荐选择仅当前元素。

同类元素：根据标签不同可以选择以下匹配规则，

○ 同一标签：匹配相同的HTML标签的元素，如果后期网页改版修改了元素的标签，会导致事件无法匹配。

○ 同一类：匹配具有相同的class类的元素，如果后期网页改版修改元素的class类，会导致事件无法匹配。

○ 同一链接：匹配具有相同链接的元素，如果后期网页修改链接，会导致事件无法匹配。

○ 同一文本：匹配具有相同文本的元素，如果后期网页修改文本内容，会导致事件无法匹配。

全页面匹配：默认状态下只会在同一层级下按照匹配规则匹配事件元素。勾选后，能够在全页面下匹配。(例：点击任意图片，匹配规则设为同一标签后，该页面下所有图片都会被设为事件的对象)。

第四步：设置事件名称和监测范围。

设置监测对象完成之后，进入到设置事件名称和监测范围界面。

设置事件名称：在顶部的输入框中设置事件名称，下图所示的下拉菜单会智能提示已设置的事件，您可以把当前元素，归入合并到已设置好的事件下查看。

监测范围：可以选择当前域名、当前页面、URL规则，其中URL规则包含了 包含、正则表达式、头匹配、尾匹配、完全匹配五中匹配方式。点击此处查看URL规则详细解释

设置好事件名称和监测范围之后，点击确定，事件设置完毕。 已经设置成功的事件，可以在设置--事件里查看和删除事件。

Note:需要注意的是，已经设置成功的事件只支持删除和编辑备注信息，不支持修改事件名称等其他信息。

事件设置模式的工具栏： #

1. 右侧为事件设置模式的开关。默认是打开，关闭之后进入到网页浏览模式，可以正常浏览网页。

2. 最左侧是隐藏按钮可以把此工具栏切换成隐藏模式，如下图。再次点击可以恢复为正常模式。

3. 查看已设事件展示的是此URL下设置的所有事件列表。如果该页面有元素已经设置了事件，会高亮显示，如下图：