如何将Google Analytics跟踪ID添加到GitHub页面

这可能是一个简单的问题，但我现在对是否将谷歌分析跟踪ID添加到GitHub页面充满怀疑

我正在使用GitHub自动页面生成器创建我的GitHub页面，但它要求“Google Analytics Tracking ID”。我试着注册谷歌分析，但上面要求提供网站URL

现在我该怎么办

---

还有一个问题：我们可以在创建GitHub页面之后添加Google Analytics Tracking ID吗？

更新：为其他人添加步骤说明

解决它：
必须在谷歌分析网站部分包含

username.github.io

（我想跟踪的链接）

您可以查看GitHub帮助页面

---

---

在那之后，我得到了一个追踪器ID

---

注意：您可以从Google Analytics管理面板在Google Analytics页面上轻松更改或添加更多网站

---

更新2:-将Google Analytics Tracking ID添加到已创建的Github页面中（根据请求）

浏览到您的github页面分支-类似于-
（YourUserName/YourRepository/tree/gh页面）

然后从列出的文件中编辑

index.html

现在，在

index.html的
HEAD
标签中粘贴您的Google Analytics跟踪ID脚本（如果您已经注册了Google Analytics，那么您可以在admin下浏览它，然后在跟踪信息选项卡下浏览）

---

你可以像其他网站一样，将谷歌分析添加到Jekyll网站

首先，在设置您的Google Analytics帐户后，导航到admin选项卡

接下来，在“帐户”面板的左侧，单击：

创建新帐户

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

创建帐户后，您将被发送到一个页面，该页面告诉您的

跟踪ID

，并且有一个JavaScript片段供您放在要跟踪的页面上。只需将此片段放入所有要跟踪的页面中。或者，如果使用默认布局，请将此代码段放在其中的某个位置

---

顺便说一句，由于你是在GitHub页面上托管，除非你需要非常详细的分析，否则你不需要谷歌分析

最好使用GA信标。GA Beacon可以跟踪所有GitHub repo，即使访问的链接不是html文档

---

请检查：

对于任何感兴趣的人，如果您将Jekyll与GitHub页面一起使用，我刚刚写了一篇文章，展示了如何正确使用

您将在管理>属性>跟踪信息>跟踪代码下找到您的通用分析跟踪代码

在Jekyll网站目录中的

\u includes

文件夹中创建一个名为

analytics.html

的新文件

将Google Analytics跟踪ID代码添加到

Analytics.html

最后，打开

\u layouts/head.html

，并在

标记末尾前添加

{%include analytics.html%}

。谷歌建议这样做是为了正确跟踪网站上的所有页面

---

如果您使用的是Jekyll提供的最小值模板，则-

将

谷歌分析：UA-xxxxxxxx-x

添加到您的_config.yml

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

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

与

你已经准备好了

如果您的站点是在生产环境中构建的，google analytics代码现在将显示出来。有关参考信息，请参见此处的模板源代码-

---

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

如果您使用的是从github README.md自动生成的github页面，我发现这是最简单的方法： 只需编辑您的_config.yml，使其看起来像这样（使用您自己的google analytics UA id）：

然后将一个名为Gemfile的新文件添加到存储库根目录中，其中包含以下内容：

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

然后稍等片刻，刷新github页面并显示页面源代码。验证SEO插件是否已插入您的分析java脚本。 更多信息请点击此处：

---

根据安装说明，幸运的是，我不必在html中添加{%seo%}，因为我没有html。Github似乎已经想到了这一点。

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

要添加Google分析，我只是按照“cayman”存储库（）中的建议进行了操作：

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

谷歌分析：[你的谷歌分析跟踪ID]

句号！别的！一切都在谷歌分析方面起作用！

---

对于那些希望通过Google Analytics快速设置GitHub页面的人来说，这可能是一个可行的选择。

对于我来说，我无法通过将Google_Analytics:UA-xxxxxxxx-x添加到您的_config.yml中来配置Google Analytics 4（prev Web+应用程序），正如前面的一个答案所述

所以我不得不把Google Analytics推荐的js放在.md文件中

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXXX');
</script>

window.dataLayer=window.dataLayer | |[]；
函数gtag（）{dataLayer.push（参数）；}
gtag（'js'，新日期（））；
gtag（'config'，'G-xxxxxxxxxx'）；

---

您在.md中的脚本标记中放置的任何内容都不会被呈现。

在html输出中包括一个全局站点标记

设置Google Analytics帐户后，详细说明将包含在“数据流”选项卡-select yo下

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

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-XXXXXXXXXXX');
</script>

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=XXXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'XXXXXXXXXXX');
</script>

output:
  html_document:
    includes: 
      in_header: GA_script.html