火山引擎前端埋点

引入埋点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,
});

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

零凌林

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值