分享好友 最新动态首页 最新动态分类 切换频道
页面应用访问统计 - GA [Google Analytics]
2024-11-07 22:41

开发环境:

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

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>中。

<!-- Global site tag (gtag.js) - Google Analytics --> <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 代码插入到  的  标签之前

如下: 

 

然后我们需要配置 Roast 应用的 Vue Router 支持 Google Analytics,在  文件末尾添加如下代码

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, 如下:

中文翻译参考:

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

 

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

 

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

 

 

 

后续整理

最新文章
普通下载url与迅雷快车旋风下载地址转换原理分析
例如华军winrar 3.71的下载地址是普通下载url与迅雷快车旋风下载地址转换原理分析_千里疯狂 http://p2s.newhua.com/down/wrar371sc.exe 1、普通地址转换为迅雷地址 在原地址前面加”AA”,后面加”ZZ”(注:不包括引号),
《SEO推广秘籍:揭秘如何打造搜索引擎营销的视觉革命与媒介深度》(SEO推广秘籍如何让你的网站一夜爆红)
:SEO推广:揭秘提升网站排名的秘密武器随着互联网的快速发展,越来越多的企业开始重视网络营销,而SEO(搜索引擎优化)推广成为了企业提升网站排名、增加流量的重要手段。那么,SEO推广究竟是如何工作的?又有哪些方法可以帮助企业提升网
10个神级插件, 让Edge成为全世界最爽的浏览器
创作立场声明:个人日常工作技巧分享, 神级插件让Edge效率起飞大家好, 我是胡侃侃。Microsoft Edge 浏览器毫无疑问是2020年最棒的浏览器产品,在此之前,相信绝大部分人心中最好用的浏览器是Chrome浏览器,它简洁、快速、稳定、而且有着
google注册帐号用过多次如何注册?
*温馨提醒 :如果您在注册申请google谷歌gmail邮箱账号时遇到了:此电话号码无法用于验证、此电话号码验证次数太多、账号您无法注册的问题;您可以这样解决!【解决方案】手机安装「 词令 」App,打开后输入口令「 账号99 」,搜索直达该口
杰奇建站CMS1.7免费版:小说连载网站的构建利器
杰奇建站CMS 1.7是一款针对个人及小型企业的免费内容管理系统(CMS)。它的设计旨在提供易于安装和使用的界面,使用户能够快速构建和维护网站,无需深入的技术知识。本章节将介绍杰奇CMS 1.7的基础功能以及它的特
SEO网站如何更新,提升搜索引擎排名的策略与技巧,优化SEO,提升搜索引擎排名的关键策略和技巧
随着互联网技术的飞速发展和网络营销的广泛应用,SEO网站优化已成为企业提高在线可见度、扩大市场份额的重要手段,在SEO实践中,有些企业和个人会忽视对SEO网站进行定期更新,导致网站收录量降低、搜索引擎排名下降甚至无法在搜索引擎中找
AI Weekly『11月11-17日』:Kimi发布新一代数学推理模型,腾讯推出AI工作台ima!
大家好,我是木易,一个持续关注AI领域的互联网技术产品经理,国内Top2本科,美国Top10 CS研究生,MBA。我坚信AI是普通人变强的“外挂”,专注于分享AI全维度知识,包括但不限于AI科普,A
突发!雅虎邮箱在美国多地陷入瘫痪状态
雅虎邮箱在美国各地瘫痪雅虎邮箱在美国各地瘫痪雅虎邮箱在美国各地瘫痪雅虎邮箱在美国全境崩溃雅虎邮箱在美国各地都无法正常使用了雅虎邮箱在美国各地瘫痪雅虎邮箱在美国各地瘫痪
打造专属个性在线空间,个人网站搭建平台推荐指南
个人网站搭建平台推荐,轻松打造个性化在线空间。选择合适的平台,即可轻松创建个性化网站,展现自我风采。告别繁琐,轻松入门,开启个性化网络生活。WordPressTypechoZ-BlogGitHub PagesCoding Pages在互联网飞速发展的今天,个人网站已成
相关文章
推荐文章
发表评论
0评