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

Question

可能是一个简单的问题,但我现在对将Google Analytics跟踪ID添加到GitHub页面充满疑虑.

我正在使用GitHub自动页面生成器来创建我的GitHub页面,但它要求"Google Analytics Tracking ID".我尝试使用Google Analytics注册,但会在其上询问网站网址.

那我该怎么办？

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

Answer 1

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

解决了它:
必须username.github.io在Google Analytics网站部分中包含(我想要跟踪的链接).

你可以在这里查看GitHub帮助页面

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

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

更新2: - 将Google Analytics跟踪ID添加到已创建的Github页面(根据@ avi-aryan的要求)

1. 浏览到您的github页面分支 - 这类似于 -
   (https://github.com/ YourUserName/YourRepository/tree/gh-pages)
   
2. 然后index.html从列出的文件编辑
3. 现在位于HEAD标记内index.html- 粘贴您的Google Analytics跟踪ID脚本(如果已经注册了Google分析,那么您可以在管理员下浏览它,然后跟踪信息标签)

Answer 2

对于任何有兴趣的人,如果您使用Jekyll和GitHub页面,我只是写了一篇文章,展示如何正确地将Google Analytics跟踪ID添加到Jekyll.

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

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

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

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

Answer 3

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

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

Answer 4

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

1. 添加google_analytics: UA-xxxxxxxx-x到_config.yml
2. 创建一个文件_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

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

Answer 5

您可以像添加任何其他站点一样将 Google Analytics 添加到 Jekyll 站点。

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

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

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

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

顺便说一句，由于您托管在 GitHub Pages 上，除非您想要非常详细的分析，否则您不需要 Google Analytics。如果你只关心页面浏览量，GitHub 有这个。

Answer 6

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

要添加 Google Analytics，我只是按照“cayman”存储库（https://github.com/pages-themes/cayman）中的建议进行操作：

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

google_analytics：[您的 Google Analytics 跟踪 ID]

句号！还要别的吗！一切都在 Google Analytics 的支持下工作！对于那些希望使用 Google Analytics 快速设置 GitHub Pages 的人来说，这可能是一个可行的选择。

Answer 7

通过_config.yml添加分析。

所有 GitHub 主题（支持的主题）本机支持 google 分析。您只需要提供跟踪代码 (UA-XXXXXXXXX-X)。

谷歌分析有两种形式——谷歌分析 4 (GA4) 和通用分析。为此，您将不得不使用后者。GA4 不起作用 ^#。

1. 创建一个新的通用谷歌分析属性（而不是 GA4 属性）。默认情况下，您创建的跟踪属性的类型为 GA4。您必须选择“创建 Universal Analytics 媒体资源”才能使该媒体资源成为通用媒体资源。一旦创建了 GA4 属性，就无法将其转换为通用属性。您只能在创建新属性时执行此操作。

1.1 在高级选项中打开通用分析。

1.2 配置通用分析选项。

1.3 复制这个新创建的属性的跟踪 ID。

2. 将此跟踪 ID 添加到您的 gh-pages 站点的 _config.yml。

   google_analytics: UA-XXXXXXXXX-X

以下来自现代主义者的自述文件- 我在我的网站上使用的主题。

3. 提交并将更改推送到 github，几分钟后导航到您站点的 URL。

4. 验证一切顺利。

如果您现在在源代码中搜索跟踪 ID，您将能够找到它。谷歌分析仪表板也将开始显示活动。

上述步骤显示了如何将 google 分析添加到现有的 gh-pages 站点。您也可以在创建新的 gh-pages 站点时使用相同的代码。尽管似乎不再存在自动页面生成器 -在 Github 中找不到“自动页面生成器”按钮

# 或许有办法通过配置_config.yml来原生使用GA4。我无法做到这一点，不得不求助于通用分析。

参考）

https://www.analyticsmania.com/post/downgrade-from-google-analytics-4-to-universal-analytics/

Answer 8

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

\n\n

theme: jekyll-theme-cayman\ntitle: My Site\ndescription: My site description\nurl: https://example.com\nauthor: MyName\nplugins:\n  - jekyll-seo-tag\ngoogle_analytics: UA-xxx\n

\n\n

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

\n\n

source "https://rubygems.org\xe2\x80\x9d\ngem "github-pages", group: :jekyll_plugins\ngem \'jekyll-seo-tag\'\n

\n\n

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

\n\n

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

\n