码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-01-03 19:30:57      阅读:283      评论:0      收藏:0      [点我收藏+]

标签:rip   数据丢失   使用方法   code   manage   date()   https   研究   .data   

  之前对网页做用户转化率调查这块,找到了谷歌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 })
})

 

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

标签:rip   数据丢失   使用方法   code   manage   date()   https   研究   .data   

原文地址:https://www.cnblogs.com/goloving/p/10216071.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!