Hugo给网站添加google analytics

网站搭建好以后,随着内容的丰富,逐步会有了访问量,这时候如果我们想知道都有哪些地区的用户访问了我们的网站,每天都有多少人,是从什么渠道过来访问的,哪些页面用户访问量大就需要为网站安装google analytics这个工具,Google Analytics 是一款可帮助您衡量各种平台上的流量和互动情况的工具,进而优化网站的内容以吸引更多的用户访问。

google analytics

申请Google Analytics

Google Analytics服务是免费的,只要注册个google账号就可以免费申请,具体申请步骤google一下就可以了,本文不详细介绍,成功注册了Google Analytics服务以后,您会获得一个ID,假设ID是“G-MEASUREMENT_ID”

需要使用梯子的可以参照我写的另一篇文章:pushpin:个人自用的性价比机场推荐(2025)

为网站添加Google Analytics

Hugo内置了Google Analytics的模板,在/themes/stack/layouts\partials\head\head.html的倒数第二行能看到如下信息,只要在网站配置文件中增加相关的配置即可自动集成

1
{{- template "_internal/google_analytics.html" . -}}

以本站使用的Stack主题为例,在/config/_default/config.toml文件中添加如下内容,注意把ID换成你自己申请的ID即可,注意你的配置文件格式。

如果是toml后缀的配置文件,则添加

1
2
3
4
# GA Tracking ID
[services]
  [services.googleAnalytics]
    id = 'G-MEASUREMENT_ID'

如果是yaml后缀的配置文件,则添加

1
2
3
4
# GA Tracking ID
services:
  googleAnalytics:
    id: G-MEASUREMENT_ID

添加以后过24小时让Google Analytics完成数据收集工作,以后就可以从Google Analytics上面看到网站的访问情况了。

屏蔽Google Analytics

如果有的用户比较关注隐私,因为你开启Google Analytics后一些第三方网站也可以知道你的网站流量情况,开启后也可以屏蔽

如果是toml后缀的配置文件,则添加

1
2
3
4
privacy:
  googleAnalytics:
    disable: false
    respectDoNotTrack: false

如果是yaml后缀的配置文件,则添加

1
2
3
4
[privacy]
  [privacy.googleAnalytics]
    disable = false
    respectDoNotTrack = false