网站增加代码监测

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/An_cf/article/details/80004123

公司的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');