1. 程式人生 > 程式設計 >vue中如何新增百度統計程式碼

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分鐘就可以在官網上看到自己的資料了。

vue中如何新增百度統計程式碼

也可將百度統計上的資料顯示在自己的網站上,在管理一欄中,找到

vue中如何新增百度統計程式碼

以上就是vue中如何新增百度統計程式碼的詳細內容,更多關於vue 新增百度統計程式碼的資料請關注我們其它相關文章!