1. 安装百度统计
- 官网可以使用百度账号登录
- 添加网站后,复制代码
- 在 app.vue 入口文件里面添加,可以动态加载到每一个页面,不然 index 的话应该是只在第一个页面生效(我的站点是 vitepress 包裹了主站,所以 vitepress 也许添加)
ts
// 百度统计代码
const loadBaidu = () => {
if (document.getElementById('baidu-tj')) return
const hm = document.createElement('script')
hm.src = 'https://hm.baidu.com/hm.js?******'
hm.id = 'baidu-tj'
const s = document.getElementsByTagName('script')[0]
s.parentNode?.insertBefore(hm, s)
}
// 页面挂载时加载百度统计
onMounted(() => {
loadBaidu()
})
// 路由跳转后推送页面统计
const router = useRouter()
router.afterEach((to) => {
if ((window as any).\_hmt) {
(window as any).\_hmt.push(['_trackPageview', to.fullPath])
}
})
ts
// src/utils/baidu.ts
// 然后在index里面引入下就好
export const loadBaidu = () => {
if (document.getElementById('baidu-tj')) return
const hm = document.createElement('script')
hm.src = 'https://hm.baidu.com/hm.js?3b85f911fdcecf1ee14cb88c5460f3c9'
hm.id = 'baidu-tj'
const s = document.getElementsByTagName('script')[0]
s.parentNode?.insertBefore(hm, s)
}
export const trackPageview = (path: string) => {
if ((window as any)._hmt) {
;(window as any)._hmt.push(['_trackPageview', path])
}
}
- 基本上挂载了就可以看到大概的数据了