Skip to content
有问题可以在公众号反馈 ✨
微信二维码

扫码留言

1. 安装百度统计

  1. 官网可以使用百度账号登录
  2. 添加网站后,复制代码 alt text
  3. 在 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])
  }
}
  1. 基本上挂载了就可以看到大概的数据了 alt text