如何将Google Analytics(分析)跟踪ID添加到GitHub页面
可能是一个简单的问题,但我现在充满怀疑,关于将Google Analytics(分析)跟踪ID添加到GitHub页面 。
我使用GitHub自动页面生成器来创build我的GitHub页面,但它要求“Google Analytics(分析)跟踪ID”。 我试图使用Google Analytics(分析)注册,但是它上面请求了网站Url。
现在我该怎么办?
还有一个问题:我们可以在创buildGitHub Page后添加Google Analytics(分析)跟踪ID。
更新 :为其他人添加了步骤说明
解决了它:
必须在Google Analytics网站部分包含username.github.io
(我想要跟踪的链接)。
你可以在这里查看GitHub帮助页面
之后,我得到了一个跟踪ID。
注意:您可以从Google Analyticspipe理控制台轻松更改或添加Google Analytics(分析)页面上的更多网站。
更新2: – 将Google Analytics(分析)跟踪ID添加到已创build的Github页面 (按照@ avi-aryan的要求 )
- 浏览到你的github页面分支 – 这将是类似的东西 –
( https://github.com/ YourUserName / YourRepository / tree / gh-pages) - 然后从列出的文件中编辑
index.html
- 现在在
index.html
HEAD
标记内 – 粘贴您的Google Analytics(分析)跟踪ID脚本(如果您已经注册了Google Analytics(分析),那么您可以在pipe理员下面浏览并跟踪信息标签)
对于任何有兴趣的人来说,如果您使用的是Jekyll的GitHub页面,我只是写了一篇文章,展示如何正确添加Google Analytics跟踪代码到Jekyll 。
-
您可以在pipe理>属性>跟踪信息>跟踪代码下find您的Universal Analytics跟踪代码。
-
在您的Jekyll网站目录中的
_includes
文件夹中创build一个名为analytics.html
的新文件。 -
将Google Analytics(分析)跟踪ID代码添加到
analytics.html
。 -
最后,打开
_layouts/head.html
,并在结束</head>
标记之前添加{% include analytics.html %}
。 Googlebuild议您使用此展示位置,以便正确跟踪您网站上的所有网页。
为此,最好使用GA-Beacon。 GA-Beacon可以跟踪所有的GitHub仓库,即使被访问的链接不是一个HTML文档。
请检查: https : //github.com/igrigorik/ga-beacon
问候
您可以像使用其他网站一样将Google Analytics添加到Jekyll站点。
首先,在设置Google Analytics(分析)帐户之后,导航至pipe理员标签。
接下来,在帐户面板的左侧,点击: Create New Account
。
在Google Analytics中,一个帐户代表一组您希望跟踪的网页。 根据需要设置网站的帐户。
您的帐户创build后,您将被发送到一个页面,告诉您的Tracking ID
并有一个JavaScript片段,您可以放在您想跟踪的网页上。 简单地把这个片段放在你想跟踪的所有页面中。 或者,如果您使用默认布局,则将此代码段放在其中。
顺便说一下,因为您在GitHub页面上托pipe,所以您不需要Google Analytics(分析),除非您需要非常详细的分析。 如果你关心的是页面浏览,GitHub有这个function。
如果您正在使用Jekyll提供的极小模板,
- 将
google_analytics: UA-xxxxxxxx-x
到您的_config.yml - 创build一个文件_includes / google-analytics.html并在其中添加谷歌分析js代码。
更换
ga('create', 'UA-xxxxxxxx-x', 'auto');
同
ga('create', '{{ site.google_analytics }}', 'auto');
你就定了!
现在,如果您的网站是在生产环境中构build的,Google分析代码将会显示。 有关参考,请参阅模板的源代码 – https://github.com/jekyll/minima
如果您通过引用模板的源代码并replace相应的文件来使用不同的模板,则可以采用相同的方法。
要将Google Analytics(分析)跟踪ID添加到现有网页,您无需将跟踪JavaScript代码添加到index.html
。 你只需修改gh-pages
分支根目录下的params.json
。
params.json
{ "name":"Datastream.github.com", "tagline":"my personal blog docs", "body":"some text goes here", "google":"", "note":"Don't delete this file! It's used internally to help with page regeneration." }
您需要将“Google”字段设置为Google Analytics(分析)ID(以UA开头)