我的 Hugo Google Analytics 设置无法正常工作

Question

我已将跟踪 ID 添加到我的 config.toml 中，所有内容看起来都匹配。然而，当我启动时，我还没有看到任何实时数据进来https://analytics.google.com/

theme = "osprey-delight"
tags = ["personal", "homepage", "portfolio"]
# canonifyURLS = true
googleAnalytics = "G-SYJ123456"
disableKinds = ["taxonomy", "taxonomyTerm"] # This theme does not currently use "tag" and "category" taxonomies
enableEmoji = true
pygmentsUseClasses = true

我正在使用主题（osprey-delight），在layouts/partials目录中，有一个包含模板字符串的head.html，将粘贴在下面：

  {{ if .Site.GoogleAnalytics }}
    {{ template "_internal/google_analytics_async.html" . }}
  {{ end }}

当我部署到 firebase 时，我确实在 /public 目录中的主 index.html 文件中看到了 ga 的脚本标记，如下 -

<script type="application/javascript">
var doNotTrack = false;
if (!doNotTrack) {
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
    ga('create', 'G-12345689', 'auto');
    
    ga('send', 'pageview');
}
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>

我错过了什么？我觉得我一切都做不好，但还没有运气。

Answer 1

2020 年 2 月更新

您可以在下面找到Universal Analytics的解决方案，或者您可以尝试实施Hugo的解决方案以将数据发送到您的GA4数据流：https://gist.github.com/zjeaton/42246742cdaf2fb46400d04c2eba9a8a#file-analytics- gtag-html

---

Universal Analytics 解决方案

我建议您创建一个Universal Analytics媒体资源（如下图所示）并使用相对标识符UA-XXXXXXX-X（简单方法）：

或者，如果您想使用 GA4 属性，则必须遵循相对语法： https://developers.google.com/analytics/devguides/collection/ga4

Answer 2

您可以按照 Zachary Eaton 的建议实施 Hugo 解决方案并保留您的 GA4 媒体资源，而不是创建 Universal Analytics 媒体资源：https://gist.github.com/zjeaton/42246742cdaf2fb46400d04c2eba9a8a#file-analytics-gtag-html

Answer 3

除了

hugo.yaml

中的以下配置外，您还需要添加

google_analytics.html

1. hugo.yaml

services:
  googleAnalytics:
    id: G-XXXXXXXXXX
  instagram:
    disableInlineCSS: true
  twitter:
    disableInlineCSS: true

2. 创建

   layouts/_internal/google_analytics.html

   并从此处复制内容 https://github.com/gohugoio/hugo/blob/master/tpl/tplimpl/embedded/templates/google_analytics.html

3. 在您的项目中搜索

   google_analytics.html

   ，您应该看到

   themes/PaperMod/layouts/partials

   ，如下图所示