移动开发平台 mPaaS 通用埋点类型

By | 2021年4月23日

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' } });

相关链接

请关注公众号获取更多资料

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注