前言

Google-Analytics是google旗下一款網(wǎng)站數(shù)據(jù)記錄類服務(wù)系統(tǒng)。并且在GitHua上開源。

1.1 如何接入自己網(wǎng)站

登陸官網(wǎng)–Google Analytics

然后要綁定一下Google開發(fā)者

在首頁選擇設(shè)置Google Analytics

我們可以看見有幾個(gè)JS可供選擇，我們主要介紹gtag.js所以我們選擇gtag.js

我們按照gtag.js的說明將要配置的信息配置好

將js復(fù)制進(jìn)所需要監(jiān)控的網(wǎng)頁的中，這樣便完成了接入

1.2 如何去監(jiān)控事件

在gtag.js中提供給我們的語法是gtag(event,{event_category:'event_category',event_label:'event_label',value:'value'})

具體參數(shù)釋義

參數(shù)意義

event	事件，通常指你制定的事件名稱
event_category	事件分類
event_label	事件標(biāo)簽，用來區(qū)分具體dom
value	事件價(jià)值，默認(rèn)為0

1.3 如何去監(jiān)控頁面時(shí)間

一般只要將gtag.js放入頁面就可以自動(dòng)監(jiān)控頁面停留時(shí)間了，但是做到可定制化，gtag.js也提供了方法。

gtag('event', 'timing_complete', {});

基本用法

gtag('event', 'timing_complete', {'name': 'load','value': value,'event_category': 'loading'});

具體參數(shù)釋義

參數(shù)意義

event	事件，通常指你制定的事件名稱
event_category	事件分類
name	事件標(biāo)簽，用來區(qū)分具體dom
value	這里是時(shí)間（s）

2.如何查看埋點(diǎn)的數(shù)據(jù)

一樣的我們還是要登陸官網(wǎng)–Google Analytics

進(jìn)入控制臺(tái)，選擇你創(chuàng)建的應(yīng)用

查看自己的報(bào)告，當(dāng)然這里的報(bào)告需要埋點(diǎn)成功后24小時(shí)后才能查看。

如果你想現(xiàn)在就查看的話其實(shí)可以點(diǎn)擊實(shí)時(shí)去查看

原理及思考

如何理解埋點(diǎn)的原理？

其實(shí)如何理解埋點(diǎn)我們可以從幾個(gè)方面入手
1. 什么是網(wǎng)絡(luò)數(shù)據(jù)收集
2. 什么是埋點(diǎn)統(tǒng)計(jì)
3. 數(shù)據(jù)的采集原理

3.1什么是數(shù)據(jù)收集？

簡單來說，網(wǎng)站統(tǒng)計(jì)分析工具需要收集到用戶瀏覽目標(biāo)網(wǎng)站的行為（如打開某網(wǎng)頁、點(diǎn)擊某按鈕、將商品加入購物車等）及行為附加數(shù)據(jù)（如某下單行為產(chǎn)生的訂單金額等）。

3.2什么是埋點(diǎn)統(tǒng)計(jì)

其實(shí)在早期的時(shí)候網(wǎng)站統(tǒng)計(jì)往往只收集一種用戶行為：頁面的打開。而后用戶在頁面中的行為均無法收集。埋點(diǎn)統(tǒng)計(jì)策略應(yīng)運(yùn)而生，我們可以在dom中安插一個(gè)js函數(shù)，當(dāng)用戶有交互的時(shí)候使用ajax向后臺(tái)push一個(gè)數(shù)據(jù)包，這種收集策略能滿足基本的流量分析、來源分析、內(nèi)容分析及訪客屬性等常用分析視角，但是，隨著ajax技術(shù)的廣泛使用及電子商務(wù)網(wǎng)站對(duì)于電子商務(wù)目標(biāo)的統(tǒng)計(jì)分析的需求越來越強(qiáng)烈，這種傳統(tǒng)的收集策略已經(jīng)顯得力不能及。后來Google通過其強(qiáng)大的研發(fā)能力，提供了一個(gè)有效的解決方案，那就是Google Analytics，Google Analytics通過異步加載的js人工插入網(wǎng)站各處的埋點(diǎn)，達(dá)到數(shù)據(jù)采集目的，接下來我們以Google Analytics為例來解析其原理。

3.3數(shù)據(jù)的采集原理

先看一張大神做的流程圖：

大神博客原文：點(diǎn)擊這里

如圖所示流程如下，首先客戶端先請(qǐng)求頁面，頁面會(huì)進(jìn)行加載，加載的同時(shí)我們的js會(huì)運(yùn)作起來，將事先埋點(diǎn)的信息收集起來傳遞給后臺(tái)服務(wù)器，用戶在頁面進(jìn)行操作的時(shí)候js都能收集其想要的信息進(jìn)行傳遞。當(dāng)然我們要注意其中的細(xì)節(jié)問題，我們必須要注意同時(shí)觸發(fā)的可能，那么我們必須要做出一個(gè)列隊(duì)進(jìn)行數(shù)據(jù)傳輸，傳輸?shù)胶笈_(tái)的時(shí)候又必須注意跨域問題，Googel的做法是傳到一個(gè)偽文件上，假裝處理程序是.GIF結(jié)尾的，但其實(shí)傳遞后是可以處理數(shù)據(jù)的。可以看到ga.js在請(qǐng)求__utm.gif時(shí)帶了很多信息，例如utmsr=1280×1024是屏幕分辨率，utmac=UA-xxxxxxx-1是_gaq中解析出的我的GA標(biāo)識(shí)ID等等。
值得注意的是，__utm.gif未必只會(huì)在埋點(diǎn)代碼執(zhí)行時(shí)被請(qǐng)求，如果用_trackEvent配置了事件跟蹤，則在事件發(fā)生時(shí)也會(huì)請(qǐng)求這個(gè)腳本。

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。