Web 通用自动埋点解决方案(mtracker)是 PC 端和移动端 H5 页面通用的埋点方案。该方案通过设置标签属性来实现自动上报埋点,实现在移动端 H5 页面中使用该方案上报页面显示、点击、曝光埋点。
在配置通用埋点之前,您需要了解不同的业务场景使用的不同埋点类型:
访问量埋点
引入了 mtracker 之后,每次打开页面都会在日志中记录一次访问,不需要额外的操作。
点击埋点
记录网页页面内某个按钮、链接的点击操作。
标签埋点
- mtracker 会监听点击事件,自动为有
data-seed
属性的标签添加点击的日志,如下:<div `data-seed` ="seedname"></div>
- 如果业务需要额外的点击埋点信息,增加以
data-mtr-
为前缀的属性,也会跟随seed
埋入日志,前缀会被自动删除。<div data-seed="seedname" data-mtr-extra1="111" data-mtr-extra2="222" >
</div>
主动触发
有些业务场景需要手动触发埋点点击事件,比如点击了同一个标签后,要判断埋入不同的点,这个时候就需要用到 JS 点击埋点方法。
Tracker.click(eventId, [options])
- 参数说明
参数 | 类型 | 示例 | 描述 |
---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | – | 选项配置,包含 bizType、ext |
bizType | String | Pay | 业务码 |
ext | Object | { productId: 'xxx' } |
扩展参数 |
- 代码示例
Tracker.click('clickseedname', { bizType: 'Pay', ext: { productId: 'xxx' } });
曝光埋点
记录网页页面内某段内容的曝光情况。
如果需要手动触发埋点曝光事件,比如轮播图显示,需要用到 JS 曝光埋点方法 Tracker. expo()
。
Tracker.expo(eventId, [options])
- 参数说明
参数 | 类型 | 示例 | 描述 |
---|---|---|---|
eventId | String | clickseedname | 事件 ID |
options | Object | – | 选项配置,包含 bizType、ext |
bizType | String | Pay | 业务码 |
ext | Object | { productId: 'xxx' } |
扩展参数 |
- 代码示例
Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });