8 回答

• 15

  如果您使用的是由Jekyll提供的最小模板，那么 -

  • 将 google_analytics: UA-xxxxxxxx-x 添加到_config.yml

  • 创建一个文件_includes / google-analytics.html并在其中添加google analytics js代码 .

  更换

  ga('create', 'UA-xxxxxxxx-x', 'auto');
  

  同

  ga('create', '{{ site.google_analytics }}', 'auto');
  

  你被设定了！

  如果您的网站是在 生产环境 环境中构建的，那么现在将显示Google Analytics代码 . 供参考，请参阅此处的模板源代码 - https://github.com/jekyll/minima

  如果您通过引用模板的源代码并替换相应的文件来使用不同的模板，则可以使用相同的方法 .

  回复于 2024-05-08T03:48:10+08:00
• -3

  Update ：为其他人添加了步骤说明

  解决了它：
  必须在Google Analytics网站部分中包含 username.github.io （我想跟踪的链接） .

  你可以查看GitHub帮助页面here

  ---

  

  ---

  之后，我获得了跟踪器ID .

  ---

  Note: 您可以通过Google Analytics管理面板在Google Analytics页面上轻松更改或添加更多网站 .

  ---

  Update 2: - Adding Google Analytics Tracking ID to Already created Github pages （按照@avi-aryan的要求）

  • 浏览到你的github pages分支 - 这可能是 -
    （https://github.com/ YourUserName / YourRepository / tree / gh-pages）

  • 然后从列出的文件中编辑 index.html

  • 现在位于 index.html 的 HEAD 标记内 - 粘贴您的Google Analytics跟踪ID脚本（如果已经注册了Google Analytics，那么您可以在 admin 之后浏览它，然后 tracking info 标签）

  回复于 2024-05-08T03:48:10+08:00
• 131

  对于任何有兴趣的人，如果你使用Jekyll和GitHub页面，我只是写了一篇文章，展示如何正确add Google Analytics Tracking ID to Jekyll .

  • 您可以在管理>媒体资源>跟踪信息>跟踪代码下找到您的通用分析跟踪代码 .

  • 在Jekyll网站目录中的 _includes 文件夹中创建一个名为 analytics.html 的新文件 .

  • 将Google Analytics跟踪ID代码添加到 analytics.html .

  • 最后，打开 _layouts/head.html ，并在结束 </head> 标记之前添加 {% include analytics.html %} . Google建议您使用此展示位置来正确跟踪网站上的所有网页 .

  回复于 2024-05-08T03:48:10+08:00
• 49

  最好使用GA-Beacon . 即使访问过的链接不是html文档，GA-Beacon也可以跟踪所有GitHub仓库 .

  请检查：https://github.com/igrigorik/ga-beacon

  回复于 2024-05-08T03:48:10+08:00
• 4

  您可以像使用任何其他网站一样将Google Analytics添加到Jekyll网站 .

  首先，在设置Google Analytics帐户后，导航至管理标签 .

  

  接下来，在帐户面板的左侧，单击： Create New Account .

  

  在Google Analytics中，帐户代表您要跟踪的一组网页 . 根据需要设置网站的帐户 .

  创建帐户后，您将收到一个页面，该页面会告诉您 Tracking ID 并且有一个JavaScript代码段供您放置要跟踪的页面 . 只需将此代码段放在您要跟踪的所有页面中即可 . 或者，如果您使用默认布局，请将此代码段放在其中的某个位置 .

  顺便说一下，由于您在GitHub页面上托管，除非您需要非常详细的分析，否则您不需要Google Analytics . If all you care about is page views GitHub has this.

  回复于 2024-05-08T03:48:10+08:00
• 0

  如果你正在使用github README.md中自动生成的github页面，我发现这是最简单的方法：只需编辑你的_config.yml看起来像这样（使用你自己的谷歌分析UA id）：

  theme: jekyll-theme-cayman
  title: My Site
  description: My site description
  url: https://example.com
  author: MyName
  plugins:
    - jekyll-seo-tag
  google_analytics: UA-xxx
  

  然后使用以下内容将新文件添加到名为Gemfile的存储库根目录：

  source "https://rubygems.org”
  gem "github-pages", group: :jekyll_plugins
  gem 'jekyll-seo-tag'
  

  然后稍等一下，刷新你的github页面并显示页面源代码 . 验证SEO插件是否已插入您的分析java脚本 . 更多信息：https://github.com/jekyll/jekyll-seo-tag

  从安装说明中，我没有在html中添加{％seo％}，幸运的是，因为我没有html . Github似乎已经想到了这一点 .

  回复于 2024-05-08T03:48:10+08:00
• 12

  我使用README.md文件作为我的GitHub个人页面的源 . 我还使用GitHub支持的主题'cayman'之一 . 除了_config.yml之外，存储库中不再需要文件（除非您要修改支持的主题） .

  要添加Google Analytics，我只关注了'cayman'存储库中的建议（https://github.com/pages-themes/cayman）：

  如果在您网站的_config.yml中设置，Cayman将尊重以下变量：

  google_analytics：[您的Google Analytics跟踪ID]

  完全停止！还要别的吗！一切都适用于Google Analytics！对于那些希望使用Google Analytics快速设置GitHub页面的人来说，这可能是一个可行的选择 .

  回复于 2024-05-08T03:48:10+08:00
• 0

  要将Google Analytics跟踪ID添加到现有页面，您无需将跟踪javascript代码添加到 index.html . 您只需要在 gh-pages 分支的根目录中修改 params.json .

  params.json

  {
    "name":"Datastream.github.com",
    "tagline":"my personal blog docs",
    "body":"some text goes here",
    "google":"",
    "note":"Don't delete this file! It's used internally to help with page regeneration."
  }
  

  您需要将“google”字段设置为您的Google Analytics ID（以UA-开头）

  回复于 2024-05-08T03:48:10+08:00