简单使用GA监控网站浏览行为
2023-09-11 14:19:54 时间
之前对网页做用户转化率调查这块,找到了谷歌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 })
})
相关文章
- 性能测试之nmon对linux服务器的监控
- Redis持久化过程的监控及优化
- 8个DBA最常用的监控Oracle数据库的常用shell脚本
- Zabbix运维---网站pv_uv_ip的监控
- shell监控文件夹大小
- EasyNVR互联网监控直播分发出RTMP、HLS、HTTP-FLV视频流说明介绍
- JVM性能调优监控命令jps、jinfo、jstat、jmap+jhat、jstack使用详解
- MySQL 无法满足查询性能?北明天时选择 TDengine 实现热网监控和能源分析
- paip.windows io监控总结
- Android 监控USB插拔事件和sdcard卡插拔事件
- 关于系统运维监控的几点建议
- Redis监控方案
- iotop - 如何在 Linux 中监控磁盘 I/O
- 云原生之使用docker部署uptime-kuma服务器监控面板
- zabbix利用grafana实现对某个主机群组的所有主机进行监控图形展现
- prometheus监控本地主机及监控远程主机
- 一个自我托管监控工具 网站监控
- Zabbix 监控MySQL从服务器状态