关闭

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

时间: 2019-01-03阅读: 2468标签: 网站

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



站长推荐

1.云服务推荐: 国内主流云服务商,各类云产品的最新活动,优惠券领取。地址:阿里云腾讯云华为云

链接: http://www.fly63.com/article/detial/1755

网站统计IP PV UV

网站流量统计可以帮助我们分析网站的访问和广告来访等数据,里面包含很多数据的,比如访问使用的系统,浏览器,ip归属地,访问时间,搜索引擎来源,广告效果等。

郑州网站建设告诉你移动端网站关键词怎么优化

移动端网站关键词怎么优化?现在人人都要用手机,手机已经成为我们生活中不可或缺的一部分,移动端也越来越重要了,很多企业都开始关注移动端关键词排名,移动端和PC端排名为什么差这么大,移动端关键词优化方法是什么?

推荐一个简洁实用的导航网站,你值得拥有!

大家应该用过像hao123、2345导航、360导航等导航网站吧,随着互联网时代的的发展,导航网站变的越发臃肿,里面挂载了很多广告,新闻等,使的网站看上去很不美观

网站目标关键词从哪些方面确定?

目标关键词:指经过关键词分析确定下来的网站“主打”关键词,通俗地讲指,网站产品和服务的目标客户可能用来搜索的关键词。网站目标关键词确定方法

免费下载视频、图片素材的网站

找视频素材的网站,免费视频素材资源,如何免费下载视频素材? 推荐视频素材哪个网站好:videezy、pexels、splashbase 、footage crate、monzoom、Wedistill、Mazwai

值得收藏的配色网站

Material Palette是一款提供Material Design配色的线上工具,它的用法很简单,你只要找出想要搭配的两种颜色,它就会显示出两种颜色搭配在一起的效果预览,并提供你较深或较浅的颜色选项

8种网站防止盗链的方法

作为普通的网民来说,一般不需要知道也不用关心什么是盗链,不过如果你是网站的开发者或维护者,就不得不重视盗链的问题了。如果你刚刚开发完一个没有防盗链的带有文件下载功能的网站,挂上internet

前端开发项目资源网站

CodePen有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,RunJS可以看到很多开发者分享的一些效果源码,如果你想找资源,做项目,这个网站绝对是一个不错的选择。html5tricks有很多前端实现的功能

Chrome无法从该网站添加应用,扩展程序和用户脚本

更新谷歌浏览器之后发现不能通过本地 crx文件安装离线插件了,网上找到的方法有两种 :一个就是通过添加浏览器参数解决 但是这个方法我尝试之后失败了 ,第二个方法就是用工具安装,具体如何太麻烦了就没有用

网站换肤方案汇总

实现网站换肤功能,一般最先想到的是用全局class控制样式切换;缺点:全局控制CSS,在项目不大,换肤样式不多的情况下,还能勉强够用。alternate是一个非常有意思的特性,我们可通过JS控制该CSS是否渲染

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!