简单使用Google Analytics监控网站浏览行为

简单使用Google Analytics监控网站浏览行为,第1张

简单使用Google Analytics监控网站浏览行为

  之前对网页做用户转化率调查这块,找到了谷歌GA事件,现在有时间对使用方法和遇到问题做个简单记录。


官方文档其实也介绍的比较清楚,可以查看官方文档。


  首先,在官网申请UA-id,然后在主页加入如下代码

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-id"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag () {
dataLayer.push(arguments)
}
gtag('js', new Date());
gtag('config', 'UA-id');
</script>

  按照GA官网给出的文档,把代码加入到了index.html里面,然后测试发现统计出来的数据跟实际浏览数据对不上。


经过一番研究后,发现谷歌GA事件的网页追踪原理是每一次网页跳转都会调用那个gtag('config')代码,然后追踪当前页面


但是对于单页面来说,其实页面只加载了一次index.html,所以造成了数据丢失。


解决方法:在全局路由钩子里面加上手动添加page_path。


window.dataLayer = window.dataLayer || []
function gtag () {
window.dataLayer.push(arguments)
} router.afterEach((to, from, next) => {
gtag('config', 'UA-id', { 'page_path': to.fullPath })
})

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/588625.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-04-12
下一篇 2022-04-12

发表评论

登录后才能评论

评论列表(0条)

保存