全部产品

通用埋点类型

更新时间:2020-09-18 10:22:31

Web 通用自动埋点解决方案(mtracker)是 PC 端和移动端 H5 页面通用的埋点方案。该方案通过设置标签属性来实现自动上报埋点,实现在移动端 H5 页面中使用该方案上报页面显示、点击、曝光埋点。

在配置通用埋点之前,您需要了解不同的业务场景使用不同的埋点类型:

访问量埋点

引入了 mtracker 之后,每次打开页面都会在日志中记录一次访问,不需要额外的操作。

点击埋点

标签埋点

  • mtracker 会监听点击事件,自动为有 data-seed 属性的标签添加点击的日志,如下:
    1. <div `data-seed` ="seedname"></div>
  • 如果业务需要额外的点击埋点信息,增加以 data-mtr- 为前缀的属性,也会跟随 seed 埋入日志,前缀会被自动删除。
    1. <div data-seed="seedname" data-mtr-extra1="111" data-mtr-extra2="222" >
    2. </div>

主动触发

有些业务场景需要手动触发埋点点击事件,比如点击了同一个标签后,要判断埋入不同的点,这个时候就需要用到 JS 点击埋点方法。

  1. Tracker.click(eventId, [options])
  • 参数说明
参数 类型 示例 描述
eventId String clickseedname 事件 ID
options Object - 选项配置,包含 bizType、ext
bizType String Pay 业务码
ext Object { productId: 'xxx' } 扩展参数
  • 代码示例
  1. Tracker.click('clickseedname', { bizType: 'Pay', ext: { productId: 'xxx' } });

曝光埋点

主动触发

如果需要手动触发埋点曝光事件,比如轮播图显示,需要用到 JS 曝光埋点方法 Tracker. expo()

  1. Tracker.expo(eventId, [options])
  • 参数说明
参数 类型 示例 描述
eventId String clickseedname 事件 ID
options Object - 选项配置,包含 bizType、ext
bizType String Pay 业务码
ext Object { productId: 'xxx' } 扩展参数
  • 代码示例
  1. Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });

相关链接