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

摘要：之前对网页做用户转化率调查这块，找到了谷歌GA事件，现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚，可以查看官方文档。

之前对网页做用户转化率调查这块，找到了谷歌GA事件，现在有时间对使用方法和遇到问题做个简单记录。官方文档其实也介绍的比较清楚，可以查看官方文档。

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

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-23257197-2"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag () {
      dataLayer.push(arguments)
    }
    gtag(‘js‘, new Date());
    gtag(‘config‘, ‘UA-23257197-2‘);
  </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-23257197-2‘, { ‘page_path‘: to.fullPath })
})

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_1755