vuepress引入百度统计-图文详解

最新推荐文章于 2024-01-23 09:16:30 发布

贝茵斯都

最新推荐文章于 2024-01-23 09:16:30 发布

阅读量911

点赞数 3

分类专栏： vuepress 文章标签：百度 vuepress

本文链接：https://blog.csdn.net/weixin_40532650/article/details/116058032

版权

vuepress 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

百度统计

百度统计-用户手册

这里有各式各样的请求参数和示例，总能找到你想要的返回数据

1.注册并登录百度统计账号

注意这里有两种账号，本文介绍的是百度普通版统计，而非商用版

2.新增网站

在这里插入图片描述

通常情况下网站域名和网站首页一致
网站类型根据自己情况填写

在这里插入图片描述

3.复制代码到 config 配置文件

3.1 如图所示，复制统计代码

在这里插入图片描述

3.2 配置 config 文件

因为 vuepress 是静态渲染服务，所以更换路由不会刷新页面，所以要进行第三步配置，监听路由变化，反馈到百度统计

在这里插入图片描述

3.3 添加 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();
  });
};