配置谷歌访问统计

版权

提示

本文是在 博主二丫讲梵 文章：《vuepress 配置谷歌访问统计 google-analytics》 基础上增加了自己实践过程的一些细节，转载无需和我联系，但请注明文章来源。如果侵权之处，请联系博主进行删除，谢谢~

注册账号

访问： 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)插件进行检测。

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

访问：实时概况