網站增加程式碼監測
公司的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');
相關文章
- 網站監測包括哪些方面?網站監測有哪些作用?(國科雲)網站
- 使用Shell指令碼程式監控網站URL是否正常指令碼網站
- 怎樣監測微型的網站服務網站
- YouMonitor.Us -網站監測新生代網站
- 網站監控管理網站,網站監控管理網站有哪些,好用推薦網站
- 網站安全滲透測試該如何增加就業概率網站就業
- PHP程式碼效能監測工具PHP
- 網站漏洞測試php程式碼修復詳情網站PHP
- 網站滲透測試漏洞分析程式碼架構網站架構
- 網站監控網站劫持,網站監控網站劫持有哪些需要注意的網站
- 網站監測的五大指標網站指標
- 程式碼高亮網站收集網站
- 網站統計程式碼網站
- 利用shell指令碼監控網站狀態指令碼網站
- 能耗監測管控系統開發解決方案,能源線上監測網站搭建網站
- 網站安全監測來看,網站被攻擊,被篡改佔比較高網站
- 國內免費的網站監控工具測評網站
- 網站流量增加100個方法網站
- js防止網站映象程式碼JS網站
- 14個程式碼展示網站網站
- 關於跟蹤路由對網站監測的意義路由網站
- 網站安全監控的方法講解,網站安全監控技術網站
- Pebble Time 2評測:增加可監測心率使用體驗更好
- php 快取使用監控測試程式碼PHP快取
- 環境監測物聯網,助力實現空氣質量監測站無人值守智慧巡檢
- 網站blog,文章,帖子每天每個人只增加一次訪問量參考程式碼網站
- 優秀網站原始碼、程式設計原始碼下載網站大集中網站原始碼程式設計
- 網站存在漏洞怎麼修復 如何修補網站程式程式碼漏洞網站
- 網站漏洞檢測 wordpress sql注入漏洞程式碼審計與修復網站SQL
- 12. 為LAMP的網站增加專案LAMP網站
- 網站安全檢測 對帝國CMS程式碼的後臺功能性安全測試網站
- 如何用百度統計監測站群機網站的訪問情況網站
- 實時監控網站安全網站
- 玩轉雲端 | 網站安全監測,輕鬆拿捏全站安全態勢!網站
- jQuey網站公告水平滾動程式碼網站
- 網站漏洞檢測 squid反向代理存在遠端程式碼執行漏洞網站UI
- python 探測網站目錄的GUI程式Python網站GUI
- 網站監控的新動向網站