214

Could be a simple question but I am full of doubts right now about adding Google Analytics Tracking ID to GitHub page.

I am using GitHub automatic page generator to create my GitHub page but it asks for "Google Analytics Tracking ID". I tried to sign up with Google Analytics but there on it asks for website URL.

Now what I am supposed to do?

One more ques: can we add Google Analytics Tracking ID later on after GitHub Page has been created?

4

11 回答 11

178

更新：为其他人添加了步骤描述

已解决：
必须在 Google Analytics（分析）网站部分中包含username.github.io（我要跟踪的链接）。

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

在此处输入图像描述

之后，我获得了一个 Tracker 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 Analytics，那么您可以在admin下浏览它，然后跟踪信息选项卡）
于 2013-06-20T09:16:52.143 回答
87

对于任何感兴趣的人，如果您将 Jekyll 与 GitHub 页面一起使用，我刚刚写了一篇文章，展示了如何将 Google Analytics Tracking ID 正确添加到 Jekyll中。

  1. 您将在管理 > 媒体资源 > 跟踪信息 > 跟踪代码下找到您的 Universal Analytics 跟踪代码。

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

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

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

于 2016-04-22T15:15:31.727 回答
18

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

  1. 添加google_analytics: UA-xxxxxxxx-x到您的 _config.yml
  2. 创建一个文件 _includes/google-analytics.html 并在其中添加谷歌分析 js 代码。

代替

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

和

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

你已经准备好了！

如果您的网站是在生产环境中构建的，现在将显示谷歌分析代码。如需参考，请参阅此处的模板源代码 - https://github.com/jekyll/minima

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

于 2017-04-23T18:04:08.323 回答
16

最好使用GA-Beacon。GA-Beacon 可以跟踪您所有的 GitHub 存储库，即使访问的链接不是 html 文档。

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

于 2014-09-08T13:22:00.107 回答
8

通过_config.yml添加分析。

所有 GitHub 主题（支持的主题）都原生支持谷歌分析。您只需提供跟踪代码 (UA-XXXXXXXXX-X)。

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

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

显示高级选项

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

创建 Universal Analytics 媒体资源

1.2 配置通用分析选项。

通用分析选项

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

跟踪号码

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

    google_analytics：UA-XXXXXXXXX-X

以下内容来自现代主义者的自述文件——我用于我的网站的主题。

现代主义主题自述文件

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

  2. 确认一切正常。

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

网站源代码中的跟踪代码

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

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

参考）

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

于 2021-05-21T15:36:39.723 回答
6

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

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

导航栏

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

新增帐户

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

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

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

于 2014-04-07T13:51:00.830 回答
6

我使用 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 快速设置 GitHub 页面的人来说，这可能是一个可行的选择。

于 2018-11-01T08:28:15.463 回答
3

如果您使用的是从您的 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 似乎已经想到了这一点。

于 2018-08-11T17:28:28.020 回答
1

对我来说，我无法通过将 google_analytics: UA-xxxxxxxx-x 添加到您的 _config.yml 来配置 Google Analytics 4（prev Web+App），如前面的答案之一所述。

所以只好把谷歌分析推荐的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>

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

于 2020-10-30T02:37:10.993 回答
0

这似乎是 Jekyll Minima 中的一个错误。请参阅这些 GitHub 问题以供参考：

于 2021-12-24T14:37:46.077 回答
0

在 html 输出 <head> 中包含全局站点标记

设置 Google Analytics（分析）帐户后，“数据流”选项卡下会包含详细说明 - 选择您的数据源，然后选择全局网站标签 (gtag.js)的“标签说明”

全局站点代码

脚本看起来像这样（在我的示例中，id 替换为 XXXXXXXXXXX）：

<!-- 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>

将 html 脚本保存在项目目录中的文件中（例如“GA_script.html”）

将html文件添加到标题

在 Rmarkdown YAML 中，添加对您的特定脚本的引用（请参见此处的参考）：

output:
  html_document:
    includes: 
      in_header: GA_script.html
于 2021-03-01T22:42:10.167 回答