火山引擎前端埋点

引入埋点js文件

在index.html文件中引入

<script>
    (function(win, export_obj) {
      win['TeaAnalyticsObject'] = export_obj;
      if (!win[export_obj]) {
        function _collect() {
          _collect.q.push(arguments);
        }
        _collect.q = _collect.q || [];
        win[export_obj] = _collect;
      }
      win[export_obj].l = +new Date();
    })(window, 'collectEvent');
</script>
  
<script
    async
    src="https://sf1-scmcdn-tos.pstatp.com/goofy/log-sdk/collect/collect-autotrack- 
    rangers.js">
</script>

---

初始化埋点

在main文件中

window.collectEvent('init', {
  // 该id为悠米的 需要跟产品沟通换成自己项目中的app_id
    app_id: 358550,//  必须替换成申请的 app_id  
    channel: 'cn', //数据发送地址，默认国内
    log: true, // 开启调试日志
    enable_ab_test: true, // boolean类型，是否开启A/B实验功能
    autotrack: false // 开启全埋点采集，默认关闭，需要热力图及圈选功能可开启
});
 
// 此处可添加设置uuid、设置公共属性等代码
window.collectEvent('start'); // 通知SDK设置完毕，可以真正开始发送事件了

---

开始埋点

在活动主页中 homepage.vue

公有事件,默认公有事件名称为config

// config 对应的是 公有事件名称  user_id和user_code 为公有属性名称
//data.ownData.user_id 和 data.ownData.user_code 为公有属性值
window.collectEvent('config', {
  user_id: data.ownData.user_id,
  user_code: data.ownData.user_code,
});

一般事件

// click_activity 对应的是 事件名称
// from_all 对应的 私有属性名称
// hooks.userId 该为私有属性传值 根据产品需求更改
window.collectEvent('click_activity', {
  from_all: hooks.userId,
});