獲取百度統計代碼

• 百度統計官網
• 登陸 - 點擊 “獲取代碼”

添加到vuepress中

編輯 @/docs/.vuepress/config.js 對應的 head 部分信息module.exports = { title: 'XXXX', description: 'XXXX', base: '/', head: [['link', { rel: 'icon', href: '/me.ico' }],// 添加百度統計代碼['script', {},`var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?XXXXXXXXXXX";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();`] ], ... }

因為是單頁面應用，所以需要強制將頁面的跳轉等信息發送給百度統計。所以建立 @/docs/.vuepress/enhanceApp.js 添加以下內容export default ({ router }) => {/*** 路由切換事件處理*/router.beforeEach((to, from, next) => {// console.log("切換路由", to.fullPath, from.fullPath);//觸發百度的pv統計if (typeof _hmt != "undefined") {if (to.path) {_hmt.push(["_trackPageview", to.fullPath]);console.log("上報百度統計", to.fullPath);}}// continuenext();}); };

---

轉載注明出處：www.meidanlong.com 😃

總結

以上是生活随笔為你收集整理的VuePress 添加百度统计代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。