美文网首页Vue3
vue项目中使用百度统计代码

vue项目中使用百度统计代码

作者: 淡淡烟草味 | 来源:发表于2022-06-13 16:04 被阅读0次

    教你如何在vue项目中添加百度统计代码:
    1、在index.html中添加以下代码:

    <script>
    var _hmt = _hmt || [];
    window._hmt = _hmt; // 修改为window 全局变量
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?xxxxx"; //此处请替换你的站点id
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
    

    2、在beforeEach方法中添加以下代码,保证每个路由跳转时都将其跳转的路由推给百度:

    router.beforeEach((to, from, next) => {
      if (window._hmt) {
        if (to.path) {
          window._hmt.push(['_trackPageview', '/#' + to.fullPath])
        }
      }
      next();
    })
    

    3、打包发布一下,然后就可以看到每一个路由跳转都可以统计到了!


    微信截图_20220613160246.png

    相关文章

      网友评论

        本文标题:vue项目中使用百度统计代码

        本文链接:https://www.haomeiwen.com/subject/ervomrtx.html