简单记录一下我在vue 单页面如何使用友盟埋点
一：因为vue是单页面，所以需要加上路由监听
app.vue
// 统计处理
watch: {
$route() {
if (window._czc) {
var urlTitle = "/淘宝app-" + document.title;
var refererUrl = window.location.href;
window._czc.push(["_trackPageview", urlTitle, refererUrl]);
}
},
},
二： created方法执行 censusHandle()
app.vue
/**
* 友盟统计初始化
*/
censusHandle(){
const script = document.createElement('script');
// 动态切换站点
switch (window.origin) {
case 'http://localhost:3000':
// 本地测试服
script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894827&web_id=1275894827';
break;
case 'xxxx':
// 线上测试服
script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894827&web_id=1275894827';
break;
default:
// 正式服
script.src = 'https://s5.cnzz.com/z_stat.php?id=1275894265&web_id=1275894265';
break;
}
script.language = 'JavaScript';
document.body.appendChild(script);
}
三
