vuepress 2.x 集成百度统计
生活随笔
收集整理的這篇文章主要介紹了
vuepress 2.x 集成百度统计
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
注冊百度統計
百度統計
百度統計-用戶手冊
注意 這里有兩種賬號,本文介紹的是百度普通版統計,而非商用版
通常情況下網站域名和網站首頁一致
網站類型根據自己情況填寫
配置
如圖所示,復制統計代碼
配置 config 文件
因為 vuepress 是靜態渲染服務,所以更換路由不會刷新頁面,所以要進行第三步配置,監聽路由變化,反饋到百度統計
添加 config 同級文件:enhanceApp.js,添加如下代碼
每當切換路由就會觸發統計上報。所以發生如下行為時會上報統計:
- 首次訪問
- 刷新頁面
- 切換到當前文章的其它章節
- 切換錨點,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 集成百度统计的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 《移动项目实践》实验报告——Androi
- 下一篇: Vue 3 —— 当 data 和 re