页面应用访问统计 - GA [Google Analytics]

1.应用场景

用于页面应用访问统计, 包括多页面和单页面.

2.学习/操作

开发环境:

Windows10 64位专业版

laravel 5.8 / 6.x

Google Analytics

百度统计见: https://blog.csdn.net/william_n/article/details/103799044

这里使用Google Analytics 对单页面访问进行统计 . 这里只是实践, 有的地方暂时还没搞清楚, 确定.

1. 介绍

由于单页面应用访问不同链接不会刷新页面，我们要如何通过页面访问统计工具统计用户对不同页面的访问呢？

接下来，我们以 Google Analytics 为例为你演示单页面应用的访问统计实现。

Google Analytics 是一个网站/应用访问统计工具，国内的对标产品有百度统计、CNZZ 站长统计之类.

如果你没有用过 Google Analytics 的话，首先需要去官网注册一个 Google Analytics 账号：https://analytics.google.com。

注册成功后，在管理页面创建一个新的账号.

2.操作

2.1 打开 Google Analytics https://analytics.google.com

2.2 注册账号

2.3 选择测量的平台类型, 这里选择了web+app 仍为测试版本

2.4 选择分类, 以及时区, 显示货币单位

2.5 勾选条框, 然后点击'我接受'

结果跳转到该页面

2.6 这里先选择 'web', 点击进入如下页面, 输入信息, 创建stream.

2.7 点击获取刚才创建的stream

出现如下页面 //重要的信息: MEASUREMENT ID G-02SXXXXX

2.8 将上面的红色部分的代码作为第一项复制并粘贴到要测量的每个网页的<head>中。

<script async src="https://www.googletagmanager.com/gtag/js?id=G-02XXXXX"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

gtag('config', 'G-02S9FZP6ZG');
</script>

这里是单页面, 将上面文本框中的 JS 代码插入到 resources/views/app.blade.php 的 </head> 标签之前

如下:

然后我们需要配置 Roast 应用的 Vue Router 支持 Google Analytics，在 resources/assets/js/app.js 文件末尾添加如下代码：

resources/assets/js/app.js //备注：//这里似乎不用, 因为即便不加上,也是可以统计访问数据, 但是可能只是统计到了一个页面的访问 TBD，这里先加上.

code

gtag('set', 'page', router.currentRoute.path);
gtag('send', 'pageview');

router.afterEach((to, from) => {
gtag('set', 'page', to.path);
gtag('send', 'pageview');
});

2.9 测试结果

打开Google Analytics的home侧边导航, 这里链接 https://analytics.google.com/analytics/web/#/p220321347/reports/home?params=_u..nav%3Dga1-experimental, 如下:

中文翻译参考:

使用不同浏览器登录应用访问，出现两个访问用户。

可以看到, 已经统计到用户访问相关信息.

具体更多用法, 调研并实践后补充.

后续整理

...

3.问题/补充

1.个人编写脚本进行统计

https://blog.csdn.net/william_n/article/details/108487492

4.参考

https://xueyuanjun.com/post/9635.html，修复多个点标记窗体 //优化高德地图多个点标记信息窗体显示 & 引入 Google Analytics 进行单页面应用访问统计

https://analytics.google.com //Google Analytics 官网

https://blog.csdn.net/william_n/article/details/104001798 //help to work

http://www.chinawebanalytics.cn/谷歌分析，你的中文翻译可以严谨一些吗/ //一些中文翻译的问题.

后续补充

...

页面应用访问统计 - GA [Google Analytics]相关推荐

Microsoft adCenter Analytics统计与Google Analytics、雅虎统计对比
Microsoft adCenter Analytics统计与Google Analytics.雅虎统计对比 from 有梦有未来-飞行.航空.航天.飞机 by itofly 放上Microsoft ...
cookie 以及百度统计，google analytics对cookie的使用
1.cookie的定义,及与session的区别 cookie 注意是指某些网站为了辨别用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密),而session是存储在服务器端 ...
Google Analytics统计代码GA.JS中文教程
今天我们讲一讲Google Analytics新统计代码GA.JS,关于GA.JS脚本在这里跟大家深入浅出地进行探讨和学习. 代码示例: 1 2 3 4 5 6 7 8 9 10 <script ...
Google Analytics（分析）如何计算访问次数
"访问"和"会话"这两个术语的意思相似,有时可以互换使用. 此信息仅适用于传统Google Analytics(分析)JavaScript (ga.js).查看 ...
分析Google Analytics中的流量来源
<strong>对学习 google analytics 很有帮助,转载如下:</strong> 最近在查看一个网站的数据时发现,该网站流量来源中直接流量部分占了40%.这说明 ...
Google Analytics（分析）个人资格认证2018-2019-2020最新中英文题库
Google Analytics(分析)个人资格认证考查的是 Google Analytics(分析)的初高级概念,其中包括:规划和原则:实施和数据收集:配置和管理:转化和归因:以及报告.指标和维度. ...
Google Analytics 跟踪代码安装后状态总是显示'未安装跟踪代码'
最近要使用Google Analytics,但是在跟踪代码安装后状态总是显示'未安装跟踪代码'!如下所示: 在Google Analytics的帮助中"排查常见的跟踪设置错误" ...
google统计ga.js本地化提高网站性能
Google分析代码到底会不会影响网页性能?本地托管ga.js是否可行?本文提供本地服务器托管ga.js的基本思路与实现方法. Google Anlytics 分析代码是异步加载的,一般来讲不会影响网 ...
使用Google Analytics统计用户留存率
http://www.analyticskey.com/google-analytics-liu-cun/ 使用Google Analytics统计用户留存率 2013年11月01日 ⁄ Googl ...

页面应用访问统计 - GA [Google Analytics]

页面应用访问统计 - GA [Google Analytics]相关推荐

最新文章

热门文章