当主题不包含 head.html 时在 Jekyll 中设置 Google Analytics

2023-12-27

我用 Jekyll 构建了这个静态页面,并用 GitHub Pages 托管(repo https://github.com/DedekindsArmy/DedekindsArmy.github.io),我想用 Google Analytics 来跟踪它。

我正在关注本教程 https://desiredpersona.com/google-analytics-jekyll/.

但我已经达到了它所说的步骤:

最后,打开 _includes/head.html 并在结束标记之前添加以下代码。

实际上我的主题没有 _include/head.html 文件!

所以我的问题是,如果我创建一个名为 _include/head.html 的文件,它是否应该自动包含在 Jekyll 构建的每个页面中? (我尝试创建这样的文件并添加占位符图像以查看是否有效,但没有成功)

该引用后面的代码应该包含在 Jekyll 构建的每个 html 页面中,对吧?就像,这就是我想要的,不是吗?那么如果我把它放在 footer.html 中它应该可以工作吗?


如果您按照教程的建议创建该文件,那么您可以在任何地方使用它(例如在您的布局中),因此每次您include https://jekyllrb.com/docs/includes/它,它被渲染了。

创建文件_includes/head.html与分析内容。

然后在您的布局中将其包含在您希望其显示的位置,如下所示:

{% include head.html %}

然后你可以把你脑子里的所有代码都放在那里,这样你就有了一个更干净的布局

边注

我更喜欢在打开后立即遵循 Google 推荐的分析代码<body>标签。所以我的默认布局如下所示:

<!DOCTYPE html>
<html>

  {% include head.html %}

  <body>
    {% include ganalytics.html %}
    {% include header.html %}

      {{ content }}

    {% include footer.html %}

  </body>

</html>

and _includes/ganalytics.html仅包含分析代码。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当主题不包含 head.html 时在 Jekyll 中设置 Google Analytics 的相关文章

  • 无法在 Windows 10 上连接到 Jekyll 的 localhost:4000

    我正在尝试在 Windows 10 计算机上设置 Jekyll 但无法连接到由以下人员创建的网站 127 0 0 1 4000 jekyll serve or bundle exec jekyll serve 我已遵循 Julian Thi
  • 如何将 Google Analytics 跟踪 ID 添加到 GitHub Pages

    可能是一个简单的问题 但我现在对添加充满疑问谷歌分析跟踪ID to GitHub 页面 我正在使用 GitHub 自动页面生成器来创建我的 GitHub 页面 但它要求提供 Google Analytics 跟踪 ID 我尝试注册 Goog
  • haml 文件中的 yaml 前面内容

    我正在尝试使用Haml Jekyll 扩展 https github com codegram haml jekyll extension只是我不明白如何包含 yaml 前面的内容 我有以下内容 user hello html title
  • Android 中的 Google Analytics - 过滤掉测试设备

    有没有办法让我的测试设备在我打开 Android 应用程序时不会向我的 Google Analytics 报告 我知道使用 AdMob 您可以添加测试设备 这些设备将加载虚拟广告 Android 上的 Analytics 有类似的东西吗 我
  • 防止我的数据影响谷歌分析

    我最近推出了一个网站 并使用谷歌分析来跟踪流量和趋势 不幸的是 我喜欢和我的商业伙伴一起经常检查该网站 我们的数据正在影响我们的谷歌分析 有没有一种简单的方法可以使某些用户活动不会被谷歌分析跟踪 我正在考虑将另一个域名 或子域 附加到我的网
  • Google Analytics 测量协议不起作用

    我想跟踪在不同环境中运行的应用程序 音隙构建 节点 webkit 应用程序 website 为了对所有人使用一种跟踪机制 我认为使用 测量协议 https developers google com analytics devguides
  • 用正则表达式重写YAML frontmatter

    我想使用 Jekyll 将我的 WordPress 网站转换为 GitHub 上的静态网站 我使用了一个插件 将我的 62 篇帖子以 Markdown 形式导出到 GitHub 我现在在每个文件的开头都有这些带有额外 frontmatter
  • 在 Google Analytics 中跟踪添加到主屏幕 Web 应用程序

    我有一个移动网络应用程序 其 添加到主屏幕 功能运行良好 我正在尝试确定如何使用 Google Analytics 来最好地跟踪已将应用程序安装到主屏幕的用户的应用程序使用情况 似乎没有默认方法可以在分析中查看应用程序是否处于独立模式 Go
  • 使用 Jekyll 和 Kramdown 的目录

    我正在尝试在 Jekyll 网站的页面 而不是帖子 上使用 Kramdown 的自动 目录 生成器 includes toc html
  • 从 python 跟踪 Google Analytics

    我正在尝试从 python 后端跟踪 GA 事件以进行电子商务分析 它的写法在官方文档中 https developers google com analytics devguides collection protocol v1 devg
  • Jekyll 服务错误:找不到 gem jekyll (>= 0.a) (Gem::GemNotFoundException

    做的时候sudo jekyll serve我收到以下错误 Users myusername rvm rubies ruby 2 4 2 lib ruby site ruby 2 4 0 rubygems rb 271 in find spe
  • 如何将 {% capture %} 变量从视图传递到 Jekyll/Liquid 中的布局?

    我正在尝试在 Jekyll 中重建一个博客 我偶然发现了一个简单的任务 假设我有以下一组模板 默认 html head content frontpage html layout default capture head Frontpage
  • Google 标签管理器未注册增强型电子商务交易

    我正在运行单页结账 页面显示效果良好 然而 购买交易似乎并未在 Google Analytics 中进行处理 我有数据层 它似乎正在注册购买事件 我在 gtm dom 上启用了页面视图 并勾选了增强型电子商务标签 但还是一无所获 这是数据层
  • 部署在github中的Jekyll显示index.html文件的原始文本

    我正在尝试使用来自的分叉存储库来部署 Jekyll 网站https github com cotes2020 jekyll theme chirpy https github com cotes2020 jekyll theme chirp
  • 如何在 Firebase Analytics 事件中报告参数

    我用过Fabric with iOS在此之前 在同一分析事件中报告自定义参数非常容易 如下所示 Answers logCustomEvent withName saved border customAttributes image inde
  • AnalyticsService 未在应用程序清单中注册 - 错误

    我正在尝试使用 sdk 中提供的以下文档向 Android 应用程序实施谷歌分析服务 https developers google com analytics devguides collection android v4 https d
  • 如何使用新的analytics.js跟踪多个帐户?

    我需要使用 Google 的新的analytics js 跟踪一个页面上两个帐户的综合浏览量 有大量教程和示例如何使用较旧的 ga js 进行操作 但我发现的只是这个分析文档页面 https developers google com an
  • Jekyll YAML 循环引用

    我有一个包含两个页面的 jekyll 项目 每个页面都由互相引用的 YAML 映射支持 例如 a a name Ay parents children b b b name Bee parents a children Vanilla YA
  • 如何将 Jekyll 帖子分成两个不同的文件夹?

    我有一个 posts文件夹 我只是想要一种简单的方法将文件夹中的帖子分成两个不同的文件夹 并且出于纯粹的组织原因而没有任何永久链接更改 只需在您的目录中创建子目录即可 posts目录 当 Jekyll 生成永久链接时 子目录将被忽略
  • 谷歌分析与 Ionic

    我正在尝试使用 Google Analytics 添加到 Ionic phonegap Covdova 应用程序中this https blog nraboy com 2014 06 using google analytics ionic

随机推荐