前言

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配置了事件跟蹤，則在事件發生時也會請求這個腳本。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的Google-Analytics 学习与思考的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。