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

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

现在我该怎么做?

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


当前回答

我使用README。md文件作为我的GitHub个人页面的来源。我还使用了一个GitHub支持的主题“cayman”。除了_config之外,存储库中不需要其他文件。Yml(除非您想修改受支持的主题)。

要添加谷歌分析,我只是遵循了“cayman”存储库(https://github.com/pages-themes/cayman):)中的建议

Cayman将尊重以下变量,如果在您的站点的_config.yml中设置:

google_analytics:[您的谷歌Analytics跟踪ID]

句号!别的!一切工作在谷歌分析的一边! 对于那些寻找使用谷歌分析快速设置GitHub页面的人来说,这可能是一个可行的选择。

其他回答

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

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

在_config设置google_analytics。跟踪id以UA-而不是G-开头的谷歌Analytics 4的跟踪id为G-xxxx。和Jekyll不支持谷歌分析4。

Use

google_analytics: UA-xxxxxx-x

不要使用

google_analytics: G-xxxxxx

但是,谷歌在2023.7.1之前不再支持谷歌分析(Universal Analytics)。

在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

我使用README。md文件作为我的GitHub个人页面的来源。我还使用了一个GitHub支持的主题“cayman”。除了_config之外,存储库中不需要其他文件。Yml(除非您想修改受支持的主题)。

要添加谷歌分析,我只是遵循了“cayman”存储库(https://github.com/pages-themes/cayman):)中的建议

Cayman将尊重以下变量,如果在您的站点的_config.yml中设置:

google_analytics:[您的谷歌Analytics跟踪ID]

句号!别的!一切工作在谷歌分析的一边! 对于那些寻找使用谷歌分析快速设置GitHub页面的人来说,这可能是一个可行的选择。

对我来说,我无法通过添加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标签中的任何内容都不会被渲染。