vuepress配置谷歌访问统计google-analytics
文章发布较早，内容可能过时，阅读注意甄别。
之前博客一直对接的百度访问统计，现在想着对接一下谷歌的访问统计，在此简单记录一下配置流程。
# 注册账号
访问： https://analytics.google.com/ (opens new window) 没有账号注册一个账号。
根据提醒添加自己的网站信息，之后会获取一个统计代码：
# 配置插件
市面上有好几款 vuepress 对接的插件，经过一番摸索，发现下边这个比较理想：
安装插件：
yarn add vuepress-plugin-google-analytics-4
# OR npm install vuepress-plugin-google-analytics-4
1
2
2
配置插件：
module.exports = {
plugins: [
// Google 统计
[
'google-analytics-4',
{
gtag: 'G-PNSZ4B1K60'
}
],
]
};
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
# 检查是否成功
配置完毕之后，将博客重新发布，可通过如下方式检查是否配置成功。
方式一：打开检查，搜索 analytics，每当点击页面可以看到会发起对应的请求。
方式二：通过Tag Assistant Legacy (opens new window)插件进行检测。
方式三：一般配置成功之后，大约等个十来分钟，再回到谷歌访问统计的网站，应该就能看到有对应的检测数据了：
上次更新: 2024/11/19, 23:11:42
|