如何添加谷歌分析跟踪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问题:

专长:支持GA4 -谷歌Analytics 4属性谷歌未收到分析数据

2021-12-24 14:37:46

对我来说，我无法通过添加google_analytics: UA-xxxxxxxx-x到你的_config来配置谷歌Analytics 4(之前的Web+App)。Yml，之前在其中一个答案中提到过。

所以我不得不把谷歌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>

在.md中放入script标签中的任何内容都不会被渲染。

2020-10-30 02:37:10

如果您正在使用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

对于任何感兴趣的人，如果你正在使用Jekyll与GitHub页面，我刚刚写了一篇文章，展示如何正确地添加谷歌分析跟踪ID到Jekyll。

您将在管理>属性>跟踪信息>跟踪代码下找到您的通用分析跟踪代码。在Jekyll网站目录中的_includes文件夹中创建一个名为analytics.html的新文件。在Analytics .html中添加谷歌Analytics跟踪ID代码。最后，打开_layouts/head.html，在end </head>标签前添加{% include analysis .html %}。谷歌推荐这个位置来正确跟踪你网站上的所有页面。

2016-04-22 15:15:31

通过_config.yml添加分析。

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

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

创建一个新的Universal谷歌analytics属性(而不是GA4属性)。默认情况下，您创建的跟踪属性类型为GA4。您必须选择“创建通用分析属性”，以使该属性具有普遍性。一旦创建了GA4属性，就不能将其转换为通用属性。只能在创建新属性时这样做。

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

1.2配置通用分析选项。

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

将此跟踪ID添加到您的gh-pages站点的_config.yml。 google_analytics: UA-XXXXXXXXX-X

以下是来自现代主义的自述-我的网站使用的主题。

提交并将更改推送到github，几分钟后导航到您的网站的URL。确认一切正常。

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

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

也许有一种方法可以通过配置_config.yml来本地使用GA4。我无法做到这一点，只能求助于通用分析。

参考(s)

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

2021-05-21 15:36:39

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

推荐文章

最新文章

标签