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