可能是一个简单的问题,但我现在对添加谷歌分析跟踪ID到GitHub页面充满怀疑。
我使用GitHub自动页面生成器来创建我的GitHub页面,但它要求“谷歌分析跟踪ID”。我试图注册谷歌分析,但它要求提供网站URL。
现在我该怎么做?
还有一个问题:我们可以在GitHub页面创建后稍后添加谷歌分析跟踪ID吗?
可能是一个简单的问题,但我现在对添加谷歌分析跟踪ID到GitHub页面充满怀疑。
我使用GitHub自动页面生成器来创建我的GitHub页面,但它要求“谷歌分析跟踪ID”。我试图注册谷歌分析,但它要求提供网站URL。
现在我该怎么做?
还有一个问题:我们可以在GitHub页面创建后稍后添加谷歌分析跟踪ID吗?
更新:为其他添加了步骤描述
解决: 不得不包括用户名。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,那么您可以在管理和跟踪信息选项卡下浏览它)
您可以将谷歌Analytics添加到Jekyll站点,就像您添加任何其他站点一样。
首先,设置你的谷歌分析帐户后,导航到管理选项卡。
接下来,在accounts面板的左侧,单击:Create New Account。
在谷歌Analytics中,帐户表示您想要跟踪的一组页面。根据需要设置网站帐户。
在您的帐户创建后,您将被发送到一个页面,该页面告诉您您的跟踪ID,并有一个JavaScript代码片段供您放在您想要跟踪的页面上。只需将此片段放入您想要跟踪的所有页面中。或者,如果您使用默认布局,将此代码段放在其中的某个位置。
顺便说一下,因为你是在GitHub页面托管,你不需要谷歌分析,除非你想要非常详细的分析。如果你只关心页面浏览量GitHub有这个。
最好使用GA-Beacon。GA-Beacon可以跟踪所有的GitHub回购,即使访问的链接不是html文档。
请查看:https://github.com/igrigorik/ga-beacon
对于任何感兴趣的人,如果你正在使用Jekyll与GitHub页面,我刚刚写了一篇文章,展示如何正确地添加谷歌分析跟踪ID到Jekyll。
您将在管理>属性>跟踪信息>跟踪代码下找到您的通用分析跟踪代码。 在Jekyll网站目录中的_includes文件夹中创建一个名为analytics.html的新文件。 在Analytics .html中添加谷歌Analytics跟踪ID代码。 最后,打开_layouts/head.html,在end </head>标签前添加{% include analysis .html %}。谷歌推荐这个位置来正确跟踪你网站上的所有页面。
如果您正在使用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
如果您正在使用不同的模板,您可以通过引用模板的源代码并替换相应的文件来遵循相同的方法。
如果您正在使用从您的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似乎已经想到了这一点。
我使用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标签中的任何内容都不会被渲染。
在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
通过_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/
在_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)。