網站增加程式碼監測

An_cf發表於2018-04-19

公司的react專案要使用ga(Google Analytics)做網站的程式碼監測,由於以前做過埋點類似的功能,本以為能很快結束,不過還是繞了一些彎路,廢話不多說了,記錄一下使用流程。

官方文件:https://developers.google.com/analytics/devguides/collection/analyticsjs/events

使用流程:首先,需要在你的入口檔案(一般都是main.html)中加一段程式碼Google Tag Manager),官方文件裡都有,加這個是為了非同步下載 analytics.js JavaScript 庫,以下可能是需要注意的地方,當時官方文件沒細看導致自己踩坑了。。

ga('create', 'UA-XXXXX-Y', 'auto');//建立ga佇列
ga('send', 'pageview');//在ga()命令佇列中新增一條命令,向 Google Analytics(分析)傳送當前網頁的網頁瀏覽資料
如果想要在跳轉頁面或者點選按鈕的時候增加監測,只需要ga('send', 'pageview')就可以了,當然pageview也可以換成event(事件型別),後面還可以跟上你想要傳的引數,比如調後臺請求傳的引數。
如果你在建立ga佇列的時候指定了佇列名,例:ga('create', 'UA-XXXXX-Y', 'auto','sss');//建立ga佇列
那麼你在監測的時候就需要這樣在ga佇列中新增命令:ga('sss.send', 'pageview');

相關文章