vue項目中使用百度統計

統計有多少人訪問了自己的網站（wap端pc web端都適用），或者更細的統計網站每個頁面的訪問量，可以使用百度統計

百度統計傳送門

按提示注冊登錄即可

 

登錄后-->管理-->新增網站，配置好后會出現如下的 自有網站列表

 

 在要統計的網站 右側，點擊“獲取代碼”

 

拷貝要統計網站的代碼

 

 

統計vue項目中的每個頁面的訪問量

1.在main.js中 貼入 拷貝的代碼 並稍作修改，使用window全局變量，如下：

var _hmt = _hmt || [];
window._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);
  })();

不使用window全局變量：_hmt會找不到然后報錯，這是因為在一個js文件里聲明的變量在另一個js文件里是找不到的，所以需要把_hmt掛載到window對象下,這樣_hmt成為了全局變量，就可以在任何地方訪問了

 

2.在路由創建實例后，調用beforeEach方法，保證每個路由跳轉時都將其跳轉的路由推給百度。

import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '@/components/HelloWorld'
import Main from '../pages/Main.vue'

Vue.use(Router)
const routes = [
  {
    path: '/hellowold',
    name: 'HelloWorld',
    component: HelloWorld
  },
  {
    path: '/main',
    name: 'Main',
    component: Main
  }
]

// export default new Router({
//   // mode: 'history',
//   routes: routes
// })

const router = new Router({
  routes: routes
})

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

export default router

 

https://www.jianshu.com/p/febd38110645

 

單頁面vue引入百度統計 https://www.cnblogs.com/zengfp/p/9778119.html