GTM采集页面加载时间
原理：用js获取页面加载前后的两个时间相减，单位是ms，在做转换，然后通过事件发送至Google Analytics浏览器请求服务器的过程。
标签 GA 下的文章
GTM部署GA默认代码
部署GA有两种方法，这里先是准备工作：
- 安装 Google 跟踪代码管理器
- 先去GA后台，找到跟踪 ID：例如我的ID是
UA-84916808-1； - 找到全局网站代码：
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-84916808-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-84916808-1');
</script>Google Tag Manager 面板介绍
GTM内有五个选项：概览、代码、触发器、变量，文件夹。
概览(Overview)：主要是看代码的版本号和谁修改的记录。
代码(Tag)：是主要是设置各种tag，满足触发器条件时向GA发送数据，或往页面添加代码。
触发器(Trigger)：主要是设置促发条件，如特定点击，页面浏览，接收数据层事件等。
变量(Variable)：主要是预定义一些基础的字段，如Cookie，常量，抓页面属性，对照表，数据层变量等用于触发器和代码的使用。
文件夹(Folders)：主要是项目合并，方便管理。
整体来说主要使用的是变量、触发器和代码
右上角的发布包含预览，提交
发布就是发布到正式环境，通常发布一次会生成一个新版本。
预览是线上环境的debug。
Google Analytics代码更新
不知道从啥时候开始，Google Analytics代码更新了，换成了全局网站代码gtag.js。
代码换了之后，以前的添加的网页跟踪和事件跟踪都失效了，需要统一的替换（如果没有必要还是别折腾了）！
通过GAIQ测试
Google Analytics（分析）个人资格认证 (IQ) 考试涵盖了Google Analytics（分析）的基本概念和高级概念。其中包括以下主题 1) 规划和基本原理；2) 实施和数据收集；3) 配置和管理；4) 转化和归因；5) 报告、指标和维度。
基本上在Google Analytics（分析）学院上认真的看看视频和文档就可以通过考试了。
GA事件跟踪
“事件”是指用户与内容进行的互动，可以独立于网页或屏幕的加载而进行跟踪。下载、移动广告点击、小工具、Flash 元素、AJAX 嵌入式元素以及视频播放都是可以作为事件进行跟踪的操作。
单页SPA应用安装GA统计
单页应用 (SPA) 指的是在首次加载网页时加载浏览整个网站所需所有资源的网络应用或网站。当用户点击链接并与网页互动时，系统将以动态方式加载后续内容。应用会经常更新地址栏中的网址来模仿传统的网页导航，但始终不会再发出整个网页加载请求。
在传统网站上运行默认的 JavaScript 跟踪代码段没有任何问题，因为该代码段在用户每次加载新页面时都会运行。但是，对于单页应用，网站以动态方式加载新的网页内容，而不采用整个网页加载方式，因此 analytics.js 代码段仅运行一次。也就是说，当有新内容加载时，必须通过人工方式跟踪后续的（虚拟）网页浏览。
基于VUE安装GA统计
现在网站流行单页面应用，普通的GA代码引入可能没办法正确的执行统计代码了，这里先给出一个基于VUE开发的一个GA插件vue-ga。
安装GA代码
GA = Google Analytics，俗称谷歌分析或者谷歌统计，企业级的网站分析服务。
为了能够系统的介绍GA及其使用，所以我决定先从最基础的开始。不过，想要学习GA，需要有一定的前端基础和动手能力，如果都具备了，就准备开车了。开车前，要准备谷歌帐号，用来登录Google Analytics，如果没有请自己动手注册。以下内容，就是这篇文章的重点了。