logo标签列表

在Github的wiki页面中添加Google Analytics

javascriptgoogle-analyticsgithub
27

我有几个Github项目，想要追踪它们的流量情况。过去我是通过在每个维基页面中添加Google Analytics跟踪代码来实现的。然而，Github在9月份进行的维基升级打破了这种方法，我似乎再也无法向我的维基页面中添加Javascript代码了。

还有几点需要指出： 1）我知道Github可能为了安全原因，阻止了wiki上的JS。 2）我知道Github提供了其自己的非常基本的流量图表，但我希望能够使用GA所有的强大功能。

是否有任何方法可以恢复Google Analytics对我的Github维基的跟踪？如果没有，是否有替代方案？

1
如果您在这里，您可能想要查看此问题的更新版本：https://dev59.com/EmQm5IYBdhLWcg3w8i2D - Ozair Kafray
2
澄清：@OzairKafray更新的StackOverflow问题是针对Github Pages而不是Github wiki页面。 - MetaSean
6个回答
16

最近，“Traffic”功能不可用。为了不需要自己实现，我已经创建了githalytics.com，它可以让您“添加”Google Analytics到您的GitHub存储库中。当然，正如之前提到的那样，它也有限制和缺点。欢迎查看。

  1. 创建一个 Google Analytics 账户（如果还没有）。
  2. 访问 githalyrics.com 网站。
  3. 提交您的 GitHub 仓库 URL 和 Google Analytics 属性 ID。
  4. 获取一个代码片段，将其粘贴到您的仓库 README 文件中。
这样，当有人访问您的仓库时，该访问会被转发到 Google Analytics。 - user1561612
4
抱歉，我实际上是在询问您的实现方式。如果在 README 文件中呈现 JS 片段以便执行，我会感到惊讶。 - mchr
1
我试过这个。如果你只想追踪单个页面，它是有效的。它使用了一个托管在gitalytics.com上的静态图像URL。我能够将代码插入到我的README.md中...我猜我可以为每个维基页面创建几个gitalytics账户，那样也可以工作，但我还没有尝试过。 - blak3r
@user1561612：在创建 Google Analytics 帐户时指定哪个 URL 是否重要？它要求填写“默认 URL”。我假设它应该与第二步中的“GitHub 存储库 URL”具有相同的值。 - b1r3k
你可能想在回答中包括有关如何设置此服务以及实现概述的说明。非常有趣的项目！ - Steven Wexler
5
它还活着吗？链接似乎是一个不相关的网站。 - Ciro Santilli OurBigBook.com
16
你可以利用Google Analytics for Mobile策略。
缺点是：
  • 你只能为每个wiki页面手动发布静态图像url。
  • 你需要在另一台服务器上托管Google Analytics for Mobile的服务器端文件。这有点抵消了整个过程的好处。
这对我来说不是理想的选择，但感谢您的建议。我会接受您的答案作为最佳选择。 - mchr
6
请注意，自2014年1月起，GitHub提供了Traffic Analysis功能，可以为您的存储库的所有页面（包括提交活动、维基等）提供更多的信息。详情请参见：Introducing GitHub Traffic Analytics。
在2019年，Tim Qian在评论中提到，唯一的问题是它只会保存14天的流量数据。为了解决这个问题，他制作了一个工具来记录流量数据：repo-analytics.github.io。
唯一的问题是它只存储14天的流量数据，为了解决这个问题，我制作了一个工具来记录它 https://repo-analytics.github.io - timqian
1
@TimQian 谢谢你。我已经将你的评论包含在答案中以增加可见性。 - VonC
3
你可以使用Github流量分析（参见VonC的回答），或者Ilyah Gregorik的项目ga-beacon。
  • 在分析中创建一个新的Web属性
  • 将其绑定到https://ga-beacon.appspot.com/

  • 将此标记添加到您的页面中（替换UA-XXXXX-X，your-repo和page-name）：

    [！[Analytics]（https://ga-beacon.appspot.com/UA-XXXXX-X/your-repo/page-name）]（https://github.com/igrigorik/ga-beacon）

这将在您的wiki页面上显示徽章，但您也可以使用单像素图像。

1
这还管用吗？至少在表面上，GitHub正在从他们的服务器上提供所有图像（出于隐私原因），我不知道这是否一直是这种情况。GitHub实际上（内部）为每个请求请求远程图像，还是将其缓存？ - vossad01
1
作为ghalytics.com的替代选择，我也发现了BitDeli Github Badge: https://github.com/bitdeli/profile-ghbadge。它基本上与ghalytics.com相同，只是使用BitDeli作为分析引擎而不是GA。
两者都存在相同的明显限制：它们无法捕获引荐标头，因为您需要JS来提取它。这意味着您不能对搜索关键字、链接到您的站点或社交网络来源进行分析。在我看来，这是GA的主要用途之一。
我唯一能想到的解决方法是为您的repo创建一个与README.md不同的着陆页，然后希望所有流量都通过着陆页而不是直接进入您的repo。此着陆页可以只是一个URL缩短程序（例如bit.ly），具有自己的分析服务，或者是一个带有GA片段的github-pages网站。
1
另一种选择是在每个维基页面上包含外部图像。然后，跟踪图像下载统计信息。
您可以将图像托管在允许以下内容的图像托管提供商上：
  1. 下载统计信息
  2. SSL支持-如果您链接到外部图像
  3. 热链接
我仍在寻找这样一个提供所有这些功能的图像托管提供商。一旦我找到合适的提供商，我会回复此帖子。
我在这里发布了我的研究：https://stackoverflow.com/questions/12795081/i-want-to-track-page-views-on-my-github-wiki-pages-any-suggestions-for-an-ima?lq=1
1
你的研究链接已经失效。 - kentcdodds
@kentcdodds 对我有用... 不过它是“关闭”的，所以可能不是公开的。通过我的网站http://www.blakerobertson.com/contact与我联系，我会把它给你。 - blak3r
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接