前言
Google-Analytics是google旗下一款网站数据记录类服务系统。并且在GitHua上开源。
1.1 如何接入自己网站
- 登陆官网–Google Analytics
- 然后要绑定一下Google开发者
- 在首页选择设置Google Analytics
- 我们可以看见有几个JS可供选择，我们主要介绍gtag.js所以我们选择gtag.js
- 我们按照gtag.js的说明将要配置的信息配置好
- 将js复制进所需要监控的网页的中，这样便完成了接入
1.2 如何去监控事件
在gtag.js中提供给我们的语法是
gtag(event,{event_category:'event_category',event_label:'event_label',value:'value'})
具体参数释义
| 参数 | 意义 |
|---|---|
| event | 事件，通常指你制定的事件名称 |
| event_category | 事件分类 |
| event_label | 事件标签，用来区分具体dom |
| value | 事件价值，默认为0 |
1.3 如何去监控页面时间
一般只要将gtag.js放入页面就可以自动监控页面停留时间了，但是做到可定制化，gtag.js也提供了方法。
gtag('event', 'timing_complete', {});
基本用法
gtag('event', 'timing_complete', {
'name': 'load',
'value': value,
'event_category': 'loading'
});具体参数释义
| 参数 | 意义 |
|---|---|
| event | 事件，通常指你制定的事件名称 |
| event_category | 事件分类 |
| name | 事件标签，用来区分具体dom |
| value | 这里是时间（s） |
2.如何查看埋点的数据
- 一样的我们还是要登陆官网–Google Analytics
- 进入控制台，选择你创建的应用
- 查看自己的报告，当然这里的报告需要埋点成功后24小时后才能查看。
如果你想现在就查看的话其实可以点击实时去查看
原理及思考
如何理解埋点的原理？
其实如何理解埋点我们可以从几个方面入手
1. 什么是网络数据收集
2. 什么是埋点统计
3. 数据的采集原理
3.1什么是数据收集？
简单来说，网站统计分析工具需要收集到用户浏览目标网站的行为（如打开某网页、点击某按钮、将商品加入购物车等）及行为附加数据（如某下单行为产生的订单金额等）。
3.2什么是埋点统计
其实在早期的时候网站统计往往只收集一种用户行为：页面的打开。而后用户在页面中的行为均无法收集。埋点统计策略应运而生，我们可以在dom中安插一个js函数，当用户有交互的时候使用ajax向后台push一个数据包，这种收集策略能满足基本的流量分析、来源分析、内容分析及访客属性等常用分析视角，但是，随着ajax技术的广泛使用及电子商务网站对于电子商务目标的统计分析的需求越来越强烈，这种传统的收集策略已经显得力不能及。后来Google通过其强大的研发能力，提供了一个有效的解决方案，那就是Google Analytics，Google Analytics通过异步加载的js人工插入网站各处的埋点，达到数据采集目的，接下来我们以Google Analytics为例来解析其原理。
3.3数据的采集原理
先看一张大神做的流程图：
大神博客原文：点击这里
如图所示流程如下，首先客户端先请求页面，页面会进行加载，加载的同时我们的js会运作起来，将事先埋点的信息收集起来传递给后台服务器，用户在页面进行操作的时候js都能收集其想要的信息进行传递。当然我们要注意其中的细节问题，我们必须要注意同时触发的可能，那么我们必须要做出一个列队进行数据传输，传输到后台的时候又必须注意跨域问题，Googel的做法是传到一个伪文件上，假装处理程序是.GIF结尾的，但其实传递后是可以处理数据的。可以看到ga.js在请求__utm.gif时带了很多信息，例如utmsr=1280×1024是屏幕分辨率，utmac=UA-xxxxxxx-1是_gaq中解析出的我的GA标识ID等等。
值得注意的是，__utm.gif未必只会在埋点代码执行时被请求，如果用_trackEvent配置了事件跟踪，则在事件发生时也会请求这个脚本。