WEB SDK 可视化埋点

在当前页面的网址后面添加进入可视化页面标识 ?ca_show_visual,进入可视化状态页面,进行可视化页面埋点操作。如下图云图应用页面所示

云图应用可视化页面

在可视化页面中,鼠标右键点击进行添加埋点操作,添加埋点需要输入事件编码、事件描述、和选择是否全局匹配该埋点事件。

  • 事件代码:英文字母数字和下划线组成,英文开头,最长64位;
  • 事件描述: 最长64位;
  • 选择是否全局匹配,当前页面匹配:所埋点只在当前埋点页面中触发;全局匹配:所埋点在整个域名下相同的元素节点都会触发该事件数据;

具体如下图所示:

可视化埋点窗口添加埋点操作

点击显示本页埋点,可以显示用户在本页和全局已埋点事件和已部署事件列表,并且可以进行它们删除操作(鼠标悬浮该元素上会显示删除操作按钮),点击事件列表中的元素,会显示埋点的位置(如果是该元素在页面不存在或者不显示会有弹窗提示)如果当前页面存在未部署的数据,列表上方会存在部署的提示,并存在部署事件的按钮,部署事件是统一全部部署,会把在列表中添加埋点但没有部署的事件统一全部进行部署。具体如下图所示:

可视化埋点窗口添加埋点操作

注意:

  1. 可视化埋点会存在在页面输入?ca_show_visual后回车未进入可视化状态情况,请点击刷新或在地址栏再次回车;
  2. 可视化埋点不支持 表格树状列表 的埋点操作;
  3. 可视化埋点针对于元素进行埋点,例如:按钮可能由button标签和其中的文字由span标签组成,那么这个按钮是两个元素组成,埋点button元素,则点击文字span元素是不会触发埋点事件。;
  4. 可视化埋点获取元素节点是通过该元素的class和id等一些属性获取当前元素的唯一位置,那么对应触发该元素埋点事件时,该元素的class和id等属性是必须相同的,否则不会触发该元素的埋点事件。例如:tab栏在当前选中情况下是添加了class,那么触发该tab埋点事件,必须是在选中情况并添加相同的class才会触发埋点事件;
  5. 弹窗元素可以埋点,但是当弹窗的z-index层级大于1050,无法进行埋点操作,会高于埋点表单弹窗的层级。故无法支持z-index大于1050的元素;
  6. iframe内元素目前不支持埋点;
  7. 可视化埋点需要浏览器支持 sessionstoragelocalstorage, 并且目前不支持ie10以下;
  8. 可视化埋点标识必须输入在网页地址栏最后,并且该网址栏中不能输入多个ca_show_visual,否则无法进入可视化埋点状态;
  9. 目前可视化埋点只存在新增和删除操作,没有修改编辑,并且部署是整个列表全部部署,不能有选择性的部署;
  10. 一个应用下目前只支持50个埋点,超过50个埋点就会提示无法继续埋点;(最新已去除)
  11. v1.7.2版本增加了配置参数 isVTrack 默认是关闭可视化埋点的,如果需要开启,设置参数为true即可使用可视化埋点的功能
© Appfactory Team all right reserved,powered by Gitbook最后修订时间: 2021-05-13 11:17:07

results matching ""

    No results matching ""