听说你也 Hugo

为 Hugo 配置 Google Analytics

2021-03-07

Google Analytics

Google Analytics 是 Google 提供的量分析统计服务，一般用于分析网站或 APP 数据使用情况。虽然一般很少关注，不过可以看到大家是通过什么渠道打开网站/文章，还是蛮有意思的。比如这次迁移时注意到最近有接近十分之一数据是来自 cn.bing.com，吓了我一跳。

Google Analytics

因为之前已经注册过 GA，所以注册过程不再赘述，跟踪 ID 和网站代码可以在管理 -> 媒体资源 -> 跟踪信息 -> 跟踪代码中查看。

Hugo 配置

获取跟踪 ID 后在config.toml添加一行参数：

1
googleAnalytics = "UA-XXXXXXXXX-X"

然后在 layouts 目录下新建./_internal/google_analytics_async.html，并写入从跟踪代码中获取的网站代码：

1
<script
2
  async
3
  src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXXXXX-X"
4
></script>
5
<script>
6
  window.dataLayer = window.dataLayer || [];
7
  function gtag() {
8
    dataLayer.push(arguments);
9
  }
10
  gtag("js", new Date());
11


12
  gtag("config", "UA-XXXXXXXXX-X");
13
</script>

最后在partials/head/head.html新增前面创建的模版文件：

1
{{- if not .Site.IsServer }} {{ template "_internal/google_analytics_async.html"
2
. }} {{- end }

if 语句会判断当前为hugo service模式时，则不加载 Analytics 模版，如果想在本地查看效果，可以先删除not，或者hugo --gc输出文件后查看。

Google Search Console

Google Search Console 同样也是 Google 提供的服务，可以查看搜索结果的展示情况以及问题排查。

打开 Google Search Console 添加资源：

  • 网域：包含所有该域名的所有网址，不过需要另外验证；
  • 网址前缀：允许指定子域名和协议，可以复用前面的验证；

这里选择的是网域。

添加站点地图

在首页左侧选择站点地图，在右侧填入当前域名加sitemap.xml即可，如：https://immwind.com/sitemap.xml。

网址变更

发现有个域名迁移功能，这次域名变更刚好测试下。先添加完旧域名并完成验证，然后同样在首页右侧，选择设置 -> 地址更改，在通知 Google选择之前添加的新网址即可。

信息

参考

# Hugo
# Google Analytics