Vue框架或者React框架中使用Google Analytics(分析)的 analytics.js做数据分析

在index.html header头中添加analytics.js请求。

  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-XXXXXX', 'auto');
    ga('send', 'pageview');
    </script>

在路由守卫中添加send事件监听

//这里拿vue示例:react同理
//路由守卫中添加
router.afterEach((to, from) => {
 if (window.ga) {
    window.ga('set', 'page', to.fullPath) //page字样不可更改
    window.ga('send', 'pageview')//pageview字样不可更改
  }
})
发表新评论