引言

博客建成以后，想要看看有多少人访问博客、他们看了什么文章、哪些文章浏览量更高、用户画像是什么样的，可以接入 Google Analytics 来自动统计和分析这些数据。这个流程十分简单。

接入流程

打开 config.yaml，将你的 ID 添加到 googleAnalytics 的 id 属性中，Hugo 就会自动在 html 的 head 中加入谷歌数据分析的代码。

1
2
3
4


services:
    # GA Tracking ID
    googleAnalytics:
        id: "G-XXXXXXXXXX"

为了防止数据污染，可以禁用本地运行调试时的数据采集。

在根目录创建谷歌数据采集代码的 layout 文件以覆盖掉源文件(已有覆盖文件的情况请直接修改)，以 Stack 主题为例，创建 layouts\partials\head\head.html，并找到如下位置修改代码。

1
2
3


{{ if not hugo.IsServer }}
{{- template "_internal/google_analytics.html" . -}}
{{ end }}

至此，就可以通过谷歌的数据分析面板查看你的网站浏览数据啦~

邮箱： [email protected] 欢迎交流技术知识

本文原载于 jianyese.com，遵循 CC BY-NC-SA 4.0 协议，复制请保留原文出处。