注冊(cè)百度統(tǒng)計(jì)

百度統(tǒng)計(jì)

百度統(tǒng)計(jì)-用戶手冊(cè)

注冊(cè)并登錄百度統(tǒng)計(jì)賬號(hào)
注意 這里有兩種賬號(hào)，本文介紹的是百度普通版統(tǒng)計(jì)，而非商用版

新增網(wǎng)站

通常情況下網(wǎng)站域名和網(wǎng)站首頁(yè)一致
網(wǎng)站類型根據(jù)自己情況填寫(xiě)

配置

如圖所示，復(fù)制統(tǒng)計(jì)代碼

配置 config 文件
因?yàn)?vuepress 是靜態(tài)渲染服務(wù)，所以更換路由不會(huì)刷新頁(yè)面，所以要進(jìn)行第三步配置，監(jiān)聽(tīng)路由變化，反饋到百度統(tǒng)計(jì)

添加 config 同級(jí)文件：enhanceApp.js，添加如下代碼

export default ({ router }) => {// 路由切換事件處理router.beforeEach((to, from, next) => {// console.log("切換路由", to.fullPath, from.fullPath);//觸發(fā)百度的pv統(tǒng)計(jì)if (typeof _hmt != "undefined") {if (to.path) {_hmt.push(["_trackPageview", to.fullPath]);// console.log("上報(bào)百度統(tǒng)計(jì)", to.fullPath);}}next();}); };

每當(dāng)切換路由就會(huì)觸發(fā)統(tǒng)計(jì)上報(bào)。所以發(fā)生如下行為時(shí)會(huì)上報(bào)統(tǒng)計(jì):

• 首次訪問(wèn)
• 刷新頁(yè)面
• 切換到當(dāng)前文章的其它章節(jié)
• 切換錨點(diǎn)，URL 會(huì)變化，所以會(huì)觸發(fā)路由變化事件。

所以，當(dāng)用戶完整得瀏覽完一篇博客時(shí)，可能會(huì)觸發(fā)多次上報(bào)。

NPM

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

或

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

效果

參考項(xiàng)目

• @vuepress/plugin-google-analytics

參考文章

• vuepress引入百度統(tǒng)計(jì)-圖文詳解

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。