vue中添加百度統計代碼

一、在百度統計網站中添加自己的網站

1、官網地址：https://tongji.baidu.com/web/welcome/login。

2、在’管理‘一欄中選擇‘網站列表’，然后選擇新增網站，添加成功后點擊代碼獲取，可以獲取統計代碼。

 

二、 在maim.js下百度統計代碼添加

var _hmt = _hmt || [];
window._hmt = _hmt; // 必須把_hmt掛載到window下，否則找不到
 (function () {
       var hm = document.createElement("script");
       hm.src = "https://hm.baidu.com/hm.js?"+ 百度站點id;
       var s = document.getElementsByTagName("script")[0];
       s.parentNode.insertBefore(hm, s);
  })();

三、創建vuerouter后，調用beforeEach方法，每個路由跳轉時都將其跳轉的路由推給百度。

 

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

 

一般等待個20分鍾就可以在官網上看到自己的數據了。

 

也可將百度統計上的數據顯示在自己的網站上，在管理一欄中，找到