全域采集与增长分析 Quick Tracking(阿里埋点)

486 阅读2分钟

1.SDK的引入与初始化

打开QT控制台->管理控制台->应用列表->对应项目->去采集

(1)SDK引入

平台自动生成SDK代码,将sdk代码复制到html文件的head中

<script>SDK代码片段</script>

(最好放到head最上面,不然其他引入有可能会覆盖SDK。确认j.src后跟的是否为一个地址,如果是j.src="webSdkAddress"那就是SDK代码集成错误,emmm打电话找阿里技术人员去吧)

(2)初始化SDK

依旧是把平台生成的代码贴上去,就放在引入SDK代码片段的后面

<script>SDK代码片段 初始化SDK代码片段</script>

这块主要是对照一下appKey和收数域名(以tab上写的为准,代码中的如果和tab上的不一样,就把代码里的换掉)

1677747345003.jpg (3)集成校验

输入埋点首页网址,一般刚刚开发的时候都是本地首页的路径(http://localhost:XXX/xxx)

祝你一次性校验成功。如果失败,阿门,和我一样开始找问题吧。

首先:在刚刚我们引入SDK代码片段的地方加上一段可以在控制台看到埋点输出的代码

aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['DEBUG', true] });

打开你的页面控制台,就可以看到

1677748075932.jpg

出现这个一般就是埋上了(欸欸,等等,我还没开始埋呢,怎么就有埋点了?那是因为页面浏览全自动埋点是默认打开的啦)

控制台有埋点输出但是集成校验验证不成功?

    a方案:校验网址可能写错了,换个试试
    b方案:QT控制台多刷新两下(作者就是刷新以后莫名其妙就校验成功了)
    c方案:自己再找找问题呗。再不行就叫大佬来帮你看看,或者打电话给阿里技术人员,实在实在不行就就拜拜佛吧,祝你成功

2.全局埋点设置

一般在全局路由中埋点或者直接默认打开阿里的浏览埋点

3.埋点配置

配置名称注释适用于
page_name页面编码/页面浏览中的事件编码所有埋点(除pageConfig中配置)
page_title页面标题所有埋点(除pageConfig中配置)
arguments: [pageEventConfig, userData]pageEventConfig代表页面事件的配置(在页面浏览事件中写死{ is_auto: false }。 userData是页面事件的扩展参数。(取值为一个 JSON 对象,*平铺的简单对象,不能多层嵌套;若无可传空对象'{}')所有埋点(除pageConfig中配置)
'arguments':['埋点方案中的事件编码', 'EXP', {}]EXP特指曝光事件曝光事件
'arguments':['埋点方案中的事件编码', 'CLK', {}]CLK特指点击事件点击事件
'arguments':['埋点方案中的事件编码', 'OTHER', {}]OTHER特指除点击和曝光事件外的其他自定义事件自定义事件

4.例子

(1.)涉及浏览时长的埋点 在data()中定义全局变量pageComeTime:0, pageOverTime:0,

  data() {
    return {
      pageComeTime:0,
      pageOverTime:0
  }
  mounted() {

    this.pageComeTime = Date.**now**()

}
  beforeDestroy() {
    this.pageOverTime = Date.now()
    this.QT.sendQTMessage(this.QT.ActionType.EVENT_RECORD_TYPE,
      'home_pg',
      this.QT.EventType.OTHER,
      {
        action_name: this.QT.LEAVE_PAGE,
        view_duration: parseInt(this.pageOverTime - this.pageComeTime) / 1000
      }
    )
  }