通用埋点类型

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

-

选项配置,包含 bizTypeext

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

-

选项配置,包含 bizTypeext

bizType

String

Pay

业务码

ext

Object

{ productId: 'xxx' }

扩展参数

  • 代码示例

Tracker.expo('exposeedname', { bizType: 'Pay', ext: { productId: 'xxx' } });

相关链接