Google Analytic谷歌分析

        写在前面----哈哈,从昨天到今天 ,  弄了一天才捣鼓出来 , 谷歌官网文字太多,重点太少 , 查百度知乎回答太过老旧早已不合适现在的版本 . 尤其是react-ga最新版都已经使用react-router4 了, 希望你看到这篇文章可以少走一些坑~~ 如果有疑问或者建议 , 欢迎留言!!

---

         

        google分析,首先需要注册一个google帐号,对应好要管理的网站 , 然后该帐号会具备一个id. 在前端的代码层面需要加入这个id,  进行和谷歌api的对接 , google会网站的相关跳转和刷新进行页面访问/跳出率等相关的统计, 但是无法对url改变但没有刷新的路由进行记录和分析 . 所以需要手动引入  .

方案1----------index.html页尾添加谷歌分析代码

<!-- Global site tag (gtag.js) - Google Analytics -->

<script async src=" https://www.googletagmanager.com/gtag/js?id=UA-110783772-0"></script> ;

<script>

  window.dataLayer = window.dataLayer || [];

  function gtag(){dataLayer.push(arguments);}

  gtag('js', new Date());

  gtag('config', 'UA-110783771-0');

</script>

上述代码 需要更换id ,否则就会链接到我的谷歌分析 , 这段整个插入</body>前即可

这样引入可以直接访问到全局变量, 所以可以直接调用,例 如: 

( 以下api本人还未验证,朋友使用确实可行,但具体api有变动!!需要另行查询 )

οnclick=”ga(‘send’, ‘event’, ‘PDF’, ‘Download’, ‘Company Brochure – PDF Download’);“

---

方案2----------使用react-ga库(使用中方案)

npm文档说明 :