如何添加谷歌分析跟踪ID到GitHub页面

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

我使用GitHub自动页面生成器来创建我的GitHub页面，但它要求“谷歌分析跟踪ID”。我试图注册谷歌分析，但它要求提供网站URL。

现在我该怎么做?

还有一个问题:我们可以在GitHub页面创建后稍后添加谷歌分析跟踪ID吗?

当前回答

在html输出<head>中包含一个Global站点标签

一旦你建立了谷歌分析帐户，详细的说明包括在“数据流”选项卡-选择你的数据源，然后“标记说明”全球网站标签(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脚本保存在Project目录下的一个文件中(例如“GA_script.html”)

将html文件添加到头部

在Rmarkdown YAML中，将引用添加到你的特定脚本中(参见参考这里):

output:
  html_document:
    includes: 
      in_header: GA_script.html

2021-03-01 22:42:10

其他回答

如果您正在使用从您的github README自动生成的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-11 17:28:28

如果您正在使用Jekyll提供的最小值模板，那么—

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

取代

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

与

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

你准备好了!

如果您的站点构建在生产环境中，现在将显示谷歌分析代码。参考模板的源代码在这里- https://github.com/jekyll/minima

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

2017-04-23 18:04:08

您可以将谷歌Analytics添加到Jekyll站点，就像您添加任何其他站点一样。

首先，设置你的谷歌分析帐户后，导航到管理选项卡。

接下来，在accounts面板的左侧，单击:Create New Account。

在谷歌Analytics中，帐户表示您想要跟踪的一组页面。根据需要设置网站帐户。

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

顺便说一下，因为你是在GitHub页面托管，你不需要谷歌分析，除非你想要非常详细的分析。如果你只关心页面浏览量GitHub有这个。

2014-04-07 13:51:00

在html输出<head>中包含一个Global站点标签

一旦你建立了谷歌分析帐户，详细的说明包括在“数据流”选项卡-选择你的数据源，然后“标记说明”全球网站标签(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脚本保存在Project目录下的一个文件中(例如“GA_script.html”)

将html文件添加到头部

在Rmarkdown YAML中，将引用添加到你的特定脚本中(参见参考这里):

output:
  html_document:
    includes: 
      in_header: GA_script.html

2021-03-01 22:42:10

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

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

2014-09-08 13:22:00

如何添加谷歌分析跟踪ID到GitHub页面

推荐文章

最新文章

标签