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