配置谷歌访问统计 ​

版权 ​

注册账号 ​

访问： https://analytics.google.com/ 没有账号注册一个账号。

根据提示创建Analytics账号,添加自己的网站信息，之后会获取一个统计代码：

配置插件 ​

市面上有好几款 vuepress 对接的插件，经过一番摸索，发现下边这个比较理想：

• vuepress-plugin-google-analytics-4

安装插件：

yarn add vuepress-plugin-google-analytics-4
# OR npm install vuepress-plugin-google-analytics-4

配置插件：

路径：docs\.vuepress\config\plugins.ts

module.exports = {
  plugins: [
    // Google 统计
    [
      "google-analytics-4",
      {
        //填写您的gtag tracking ID，也就是衡量 ID
        gtag: "G-PNSZ4B1K60",
      },
    ],
  ],
};

验证测试 ​

配置完毕之后，将博客重新发布，可通过如下方式检查是否配置成功。

方式一：打开检查，搜索 analytics，每当点击页面可以看到会发起对应的请求。

方式二：通过Tag Assistant Legacy (opens new window)插件进行检测。

方式三：一般配置成功之后，大约等个十来分钟，再回到谷歌访问统计的网站，应该就能看到有对应的检测数据了：

访问：实时概况