vue项目接入友盟统计站点数据
无论是PC还是移动端的埋点,对于市场统计及可视化数据浏览是十分不可少的,但专门的埋点或是统计要么工作量大,要么难实现,使用友盟对于一些精确的数据我们是拿不到的,想做成图表等高级可视化还是建议您去埋点处理。
关于友盟的埋点其实也可以去看友盟文档,此仅作记录与参考。
以下是接入友盟统计过程:
1.登录友盟官网获取加入到项目中的链接:
如:<script type="text/javascript" src="https://s9.cnzz.com/z_stat.php?id=您的ID"></script>
2.取到这个链接后,接入项目:
这里仅说明接入vue项目用法:
直接在APP.vue中添加以下代码即可,别忘了替换src
watch: { $route() { if (window._czc) { let location = window.location; let contentUrl = location.pathname + location.hash; let refererUrl = "/"; window._czc.push(["_trackPageview", contentUrl, refererUrl]); } } }, mounted () { // 友盟统计添加 const script = document.createElement("script"); script.src = "https://s9.cnzz.com/z_stat.php?id=您的ID"; script.language = "JavaScript"; document.body.appendChild(script); },