注冊百度統計

百度統計

百度統計-用戶手冊

注冊并登錄百度統計賬號
注意 這里有兩種賬號，本文介紹的是百度普通版統計，而非商用版

新增網站

通常情況下網站域名和網站首頁一致
網站類型根據自己情況填寫

配置

如圖所示，復制統計代碼

配置 config 文件
因為 vuepress 是靜態渲染服務，所以更換路由不會刷新頁面，所以要進行第三步配置，監聽路由變化，反饋到百度統計

添加 config 同級文件：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);}}next();}); };

每當切換路由就會觸發統計上報。所以發生如下行為時會上報統計:

• 首次訪問
• 刷新頁面
• 切換到當前文章的其它章節
• 切換錨點，URL 會變化，所以會觸發路由變化事件。

所以，當用戶完整得瀏覽完一篇博客時，可能會觸發多次上報。

NPM

npm i -D @starzkg/vuepress-plugin-baidu-analytics

或

yarn add -D @starzkg/vuepress-plugin-baidu-analytics

效果

參考項目

• @vuepress/plugin-google-analytics

參考文章

• vuepress引入百度統計-圖文詳解

總結

以上是生活随笔為你收集整理的vuepress 2.x 集成百度统计的全部內容，希望文章能夠幫你解決所遇到的問題。

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