Even这个主题配置只支持Google Analytics v3,记录下如何更新支持GA4

修改主题

hugo-theme-even这个库Fork到自己的Github
修改hugo-theme-even/layouts/partials/scripts.html,搜索google_analytics,修改如下:

1
2
3
4
5
<!-- Analytics -->
{{- if (in (slice (getenv "HUGO_ENV") hugo.Environment) "production") | and .Site.GoogleAnalytics -}}
-   {{ template "_internal/google_analytics_async.html" . }}
+   {{ template "_internal/google_analytics.html" . }}
{{- end -}}

应用主题

之前是通过git submodule add https://github.com/olOwOlo/hugo-theme-even themes/even应用主题的,现在要换成我们自己的github库。

1
2
3
# 从本地git仓库删除文件
$ git rm --cached themes/even
$ rm -rf themes/even

删除.gitmodules文件中关于themes/even的配置。

1
2
3
[submodule "themes/even"]
	path = themes/even
	url = https://github.com/olOwOlo/hugo-theme-even

删除.git/config文件中关于themes/even的配置。

1
2
3
[submodule "themes/even"]
	url = https://github.com/olOwOlo/hugo-theme-even
	active = true
1
$ rm -rf .git/modules/themes/even

重新应用我们修改过的主题:

1
$ git submodule add https://github.com/你的git名称/hugo-theme-even themes/even

启用GA4配置

config.toml配置中的googleAnalytics = ""修改成你自己GA4MEASUREMENT ID

查看效果

48小时内就可以查看是否生效了。 Google Analytics Home