uniapp H5端 引入QT埋点进行集成

2 阅读1分钟

1.快速集成

在QuickTracking后台,为每一个Web应用生成了专属的集成代码,可以根据产品内的引导进行集成。

产品路径

   Quick Tracking「首页」-「管理控制台」,在「管理控制台」进入「组织列表」功能,组织列表展示当前已创建的组织,找到应用归属组织,点击「管理应用」功能跳转到「应用管理]页面,在已创建好的应用里点击去「去集成」。
   点击「去集成」按钮跳转到新页面可以获取专属集成代码,点击下一步按引导进入到「集成校验」,确认集成是否成功。

参数准备

   appkey:在应用列表中获取
   收数域名:在“管理控制台-采集信息”模块中获取
   SDK链接:在“管理控制台-采集信息”模块中获取

我这里就不引用官方的参考demo了

APP.VUE

  (function (w, d, s, q) {
  w[q] = w[q] || [];
  var f = d.getElementsByTagName(s)[0],
    j = d.createElement(s);
  j.async = true;
  j.id = "beacon-aplus";
  j.src = "你的js地址";
  f.parentNode.insertBefore(j, f);
})(window, document, "script", "aplus_queue");
//集成应用的appKey
aplus_queue.push({
  action: "aplus.setMetaInfo",
  arguments: ["appKey", "你的appkey"],
});
//2.x版本SDK设置收数域名
aplus_queue.push({
  action: "aplus.setMetaInfo",
  arguments: ["trackDomain", "你的收数域名"],
});
aplus_queue.push({
  action: "aplus.setMetaInfo",
  arguments: ["trackDomain", "你的收数域名"],
});

然后在 onlaunch中加一个挂载监听

   this.$nextTick(() => {
      aplus_queue.push({
        action: "aplus.record",
        arguments: [
          "searchCar",
          "OTHER",
          {
            sso_user_id: "111",
            condition: "222",
          },
        ],
      });
    });

这样项目就集成了QT的埋点SDK