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上的不一样,就把代码里的换掉)
(3)集成校验
输入埋点首页网址,一般刚刚开发的时候都是本地首页的路径(http://localhost:XXX/xxx)
祝你一次性校验成功。如果失败,阿门,和我一样开始找问题吧。
首先:在刚刚我们引入SDK代码片段的地方加上一段可以在控制台看到埋点输出的代码
aplus_queue.push({ action: 'aplus.setMetaInfo', arguments: ['DEBUG', true] });
打开你的页面控制台,就可以看到
出现这个一般就是埋上了(欸欸,等等,我还没开始埋呢,怎么就有埋点了?那是因为页面浏览全自动埋点是默认打开的啦)
控制台有埋点输出但是集成校验验证不成功?
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
}
)
}