WEB SDK 可视化埋点
在当前页面的网址后面添加进入可视化页面标识 ?ca_show_visual
,进入可视化状态页面,进行可视化页面埋点操作。如下图云图应用页面所示
在可视化页面中,鼠标右键点击进行添加埋点操作,添加埋点需要输入事件编码、事件描述、和选择是否全局匹配该埋点事件。
- 事件代码:英文字母数字和下划线组成,英文开头,最长64位;
- 事件描述: 最长64位;
- 选择是否全局匹配,当前页面匹配:所埋点只在当前埋点页面中触发;全局匹配:所埋点在整个域名下相同的元素节点都会触发该事件数据;
具体如下图所示:
点击显示本页埋点,可以显示用户在本页和全局已埋点事件和已部署事件列表,并且可以进行它们删除操作(鼠标悬浮该元素上会显示删除操作按钮),点击事件列表中的元素,会显示埋点的位置(如果是该元素在页面不存在或者不显示会有弹窗提示)如果当前页面存在未部署的数据,列表上方会存在部署的提示,并存在部署事件的按钮,部署事件是统一全部部署,会把在列表中添加埋点但没有部署的事件统一全部进行部署。具体如下图所示:
注意:
- 可视化埋点会存在在页面输入
?ca_show_visual
后回车未进入可视化状态情况,请点击刷新或在地址栏再次回车;- 可视化埋点不支持 表格 和 树状列表 的埋点操作;
- 可视化埋点针对于元素进行埋点,例如:按钮可能由
button
标签和其中的文字由span
标签组成,那么这个按钮是两个元素组成,埋点button
元素,则点击文字span
元素是不会触发埋点事件。;- 可视化埋点获取元素节点是通过该元素的class和id等一些属性获取当前元素的唯一位置,那么对应触发该元素埋点事件时,该元素的class和id等属性是必须相同的,否则不会触发该元素的埋点事件。例如:tab栏在当前选中情况下是添加了class,那么触发该tab埋点事件,必须是在选中情况并添加相同的class才会触发埋点事件;
- 弹窗元素可以埋点,但是当弹窗的z-index层级大于1050,无法进行埋点操作,会高于埋点表单弹窗的层级。故无法支持z-index大于1050的元素;
- iframe内元素目前不支持埋点;
- 可视化埋点需要浏览器支持
sessionstorage
和localstorage
, 并且目前不支持ie10以下;- 可视化埋点标识必须输入在网页地址栏最后,并且该网址栏中不能输入多个
ca_show_visual
,否则无法进入可视化埋点状态;- 目前可视化埋点只存在新增和删除操作,没有修改编辑,并且部署是整个列表全部部署,不能有选择性的部署;
- 一个应用下目前只支持50个埋点,超过50个埋点就会提示无法继续埋点;(最新已去除)
- v1.7.2版本增加了配置参数 isVTrack 默认是关闭可视化埋点的,如果需要开启,设置参数为true即可使用可视化埋点的功能