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

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

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

现在我该怎么做?

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

当前回答

对于任何感兴趣的人，如果你正在使用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

其他回答

对我来说，我无法通过添加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

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

解决: 不得不包括用户名。github.io(我想跟踪的链接)在谷歌分析网站部分。

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

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

注:您可以轻松更改或添加更多的网站谷歌分析页面从您的谷歌分析管理面板。

更新2:-添加谷歌分析跟踪ID到已经创建的Github页面(由@avi-aryan请求)

浏览到你的github页面分支-这将是像- (https://github.com/YourUserName/YourRepository/tree/gh-pages) 然后从列出的文件中编辑index.html 现在在index.html的HEAD标签内粘贴您的谷歌Analytics跟踪ID脚本(如果已经注册了谷歌Analytics，那么您可以在管理和跟踪信息选项卡下浏览它)

2013-06-20 09:16:52

这似乎是一个错误在杰基尔极小。参考以下GitHub问题:

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

2021-12-24 14:37:46

您可以将谷歌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

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

推荐文章

最新文章

标签