admin管理员组

文章数量:1596328





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

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

方案1----------index.html页尾添加谷歌分析代码 <!-- Global site tag (gtag.js) - Google Analytics --> <script async src=" " rel="nofollow noopener noreferrer" style="font-size:12pt; font-family:Monaco; color:rgb(51,51,51)">https://www.googletagmanager/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文档说明

本文标签: GoogleAnalytic