脚本宝典收集整理的这篇文章主要介绍了基于google-analytics的angular网站运营分析方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
序
缺陷:
因此需要考虑增加GOOGLE Analytics等工具来强化网站运营分析。google analytics能够提供的功能:
1、实时访问统计。
2、用户网站行为分析,即每个页面/路由的访问率。
3、区域分析,终端分析等等。
利用以上数据,可以很好的指导网站的开发运营。比如:
新功能上线后,可以分析这个功能所在路由的访问率。由此来验证该功能是否被用户接受。
实现方法
类似下面这段代码大家一定在很多网站都有看到,这个就是用来向google服务器提网站浏览数据的脚本。
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-XXXX-Y', 'auto');
ga('send', 'pageview');
</script>
那么如何为自己的网站添加google的分析服务呢?
添加google analytics服务
1.翻墙&google账号
这个必须有。
有一点需要说明:
我朝局域网不影响google的网站统计功能,即可以正常统计墙内用户的访问记录。
但是,访问google analytics的admin,必须翻墙。
2.使用google analytics
2.1.注册
2.2.选择website,填写必要的信息
2.3.完成后你将获得一个TrackID,以及对应的google analytics脚本,拷贝该脚本到你的需要跟踪的页面中即可。
3.测试验证
访问你的网站,查看google实时统计结果
注意:如果不生效,请清空浏览器缓存后再次访问
Angular框架如何统计
雨点儿网使用了angularjs框架,是一个单页应用,因此我们需要通过路由来区分不同的页面。这里我们使用angulartics-google-analytics组件来实现这个功能。
angulartics-google-analytics
是一个基于angulartics的谷歌分析组件。
angulartics
是专供angular应用使用的分析组件,支持多个第三方分析平台(包括百度,参考)
使用angulartics-google-analytics
1.安装
bower install angulartics-google-analytics
2.加入到angular app中
angular.module('myApp', [
'angulartics',
'angulartics.google.analytics'
]);
3.拷贝google analytics脚本到index.htML中,并按照如下注释修改
<script>
...
ga('create', 'UA-XXXXXXXX-X', 'auto'); // 如果在本地测试,把'auto'换成'none'
//ga('send', 'pageview'); // 删除这一行
</script>
4.测试
访问你的网站,查看google实时统计结果
注意:如果不生效,请清空浏览器缓存后再次访问。
以上。
任何建议,欢迎提到我们的项目议题中
以上是脚本宝典为你收集整理的基于google-analytics的angular网站运营分析方法全部内容,希望文章能够帮你解决基于google-analytics的angular网站运营分析方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。