Subtome:更好的订阅按钮

Web 应用中最常见的功能之一是订阅功能。

  • 大多数新闻网站或博客都有 RSS Feed,这使得
    用户能够订阅他们喜欢的阅读器中的即将发布的文章和帖子。
  • 诸如 Twitter、Tumblr 或 Instagram 等社交 Web 应用允许你关注其他用户。
  • Github 允许你关注项目以了解新的代码更改。

RSS Feed 复杂

不幸的是,订阅体验并不令人满意:对于普通 Web 用户来说,订阅阅读器中的 Feed 非常困难。首先,他们必须在页面上找到 Feed,然后,在阅读了神秘的 XML 代码后,他们必须将 URL 复制并粘贴到他们选择的阅读器中。当我们考虑到大多数人甚至不知道 URL 是什么时,我们就知道这种体验永远不会成为主流。

集中化很容易

另一方面,在 Twitter 上关注他人或关注新的 Tumblr 博客实际上非常容易。我们实际上认为,这些平台之所以成功,是因为它们确实简单易用且效果非常好。但这种易用性源于这些平台是集中的:你需要成为 Twitter 用户才能订阅其他 Twitter 用户。

然而,这从来都不是 Web 的真正精神:你不需要是 Gmail 用户才能向另一个 Gmail 用户发送电子邮件。

浏览器作为中间人

当我们决定解决订阅问题时,我们必须找到一个既能拥抱我们喜爱的去中心化 Web,又能像按钮一样简单,用户只需点击即可使用的解决方案。

自己试试

我们采用的方法是解耦订阅 Web 应用和发布 Web 应用,方法是使用浏览器及其localStorage作为中间人,并使用一组重定向和 iframe 将订阅者发送到其喜欢的阅读器。

The tool picker

当你点击上面的按钮时,你的浏览器将从Subtome加载一个 iframe,此 iframe 将从 localStorage 实例中提取你的数据,其中包含你喜欢的订阅应用程序列表。iframe 还跟踪加载它的页面。

最终,当你选择其中一个应用时,浏览器会打开一个新窗口并提供正确的信息,然后

代码

实现实际上出奇地简单。当你点击按钮时,将加载以下代码。它只是提取 Feed,然后加载一个 iframe,该 iframe 将显示用户的首选服务。iframe URL 包含 Feed 以及点击按钮的页面的 URL。

iframe 从subtome.com域名加载,这意味着它可以访问用户的专用 localStorage 实例。

给定用户的“阅读器”注册使用相同的模式:加载一个隐藏的 iframe,并将有关该阅读器的信息存储在用户的 localStorage 实例中。请随时查看Github 仓库上的源代码。

Web 活动?

当然,你们中的一些人可能会担心这使用了在Subtome上运行的应用程序。这完全正确,只是这个应用程序实际上只是一个在亚马逊 S3 上运行的静态 HTML 页面:没有 Web 应用程序。此外,完整代码是开源的,并在github上公开。

现在,最近,Firefox 采用了Web 活动。为什么我们不能使用它?第一个原因是这个规范仅由 Firefox 实现,这排除了其余的 Web。第二个原因是我们预计大多数阅读器还没有实现它。这意味着目前需要某种“垫片”来代表他们完成这项工作!

开始吧!

对此感兴趣?如果你是发布者,你可以做的事情最简单的事情是开始在你的网站或博客上添加这样的按钮。请记住,订阅你博客的人往往会更多地阅读你的文章,并且更频繁地返回。

如果你创建了一个阅读器,你也许可以在 Subtome 上注册,以便你的用户更容易订阅在线内容。这很容易做到!

最后,这是一个非常早期的项目,如果你想了解更多信息,请查看Subtome 网站我们很乐意收到你的反馈!。

关于 Julien Genestoux

Superfeedr 不辞辛劳的管家、助手、知己和替代父亲形象。

更多 Julien Genestoux 的文章……

关于 Robert Nyman [荣誉编辑]

技术布道师和 Mozilla Hacks 编辑。发表关于 HTML5、JavaScript 和开放 Web 的演讲和博客文章。Robert 是 HTML5 和开放 Web 的坚定支持者,自 1999 年以来一直从事 Web 前端开发工作 - 在瑞典和纽约市。他还经常在http://robertnyman.com上发布博客文章,并且喜欢旅行和结识新朋友。

更多 Robert Nyman [荣誉编辑] 的文章……


17 条评论

  1. Lloyd Watkin

    这是一个很棒的想法,可以让 Feed 更容易添加到你选择的阅读器中,尤其是在使用基于 Web 的东西而不是可以获取这些内容的桌面应用程序时。

    在我的网站上大约 3 分钟就实现了,在顶部看看。

    2013 年 2 月 15 日 04:58

    1. Robert Nyman [编辑]

      很高兴你喜欢它 - 谢谢尝试!

      2013 年 2 月 15 日 05:08

  2. vole

    “对于普通 Web 用户来说,订阅阅读器中的 Feed 非常困难。首先,他们必须在页面上找到 Feed”

    自从 Mozilla 从浏览器地址栏中删除了 RSS 自动发现图标以来,这变得尤其困难!

    2013 年 2 月 15 日 06:16

    1. Robert Nyman [编辑]

      抱歉你错过了它。就我个人而言,我喜欢它在那里,但决定将其删除。

      2013 年 2 月 15 日 08:00

      1. thinsoldier

        如果用户之前有任何实时书签,则在他们升级 Firefox 时,新的 RSS 按钮应该已默认添加到他们的工具栏中。

        “RSS Feed 复杂”
        确实存在复杂性,但我必须不同意这种描述。Firefox 允许我只需 3 次点击(实时书签)或 4 次点击(Google 阅读器)即可订阅 Feed。它之所以复杂,仅仅是因为除了 Firefox 之外,没有其他浏览器尝试使其变得简单。

        “…一个能兼顾……”
        应该是“兼顾”。

        如果在早期浏览器使 Web 开发人员能够轻松地将[a href=”feed://mysite.com/rss/”]大型闪亮按钮添加到我们的网站中,那么今天的情况将大不相同。

        2013 年 2 月 22 日 15:17

        1. Robert Nyman [编辑]

          谢谢,已更正错别字。

          2013 年 2 月 26 日 16:56

    2. Les Orchard

      默认情况下它已删除,但如果你配置工具栏,可以将其放回。此外,还有几个附加组件可以恢复以前的功能。例如,我使用的是这个

      https://mdn.org.cn/en-US/docs/Adding_feed_readers_to_Firefox

      我也抱怨过图标的删除,因为我<3 RSS。我仍然希望有一些东西来代替它,使订阅更容易,但原始功能的使用频率不足以继续占用 UI 空间 :(

      2013 年 2 月 16 日 16:58

      1. Les Orchard

        呃,抱歉,粘贴错误。我的意思是粘贴这个 URL

        https://addons.mozilla.org/cs/firefox/addon/rss-icon-in-awesombar/

        2013 年 2 月 16 日 16:59

  3. Andrew R

    这是一个进步,但仍然需要三击。

    Google 阅读器有 API 吗?这将使外部博客上的单次点击订阅更容易。其他服务也是如此。它们需要手动添加,但你始终可以在输入框中提供 URL 以复制/粘贴到其他阅读器中。

    2013 年 2 月 15 日 08:26

    1. Julien Genestoux

      好吧,我们真的不想使用 API,API 只是增加了耦合……当 Google 阅读器被弃用时,我们所做的所有集成工作都将白费,如果我们没有足够的时间继续开发 SubToMe,新的阅读器将永远无法轻松集成。

      但是,你说得对,我们需要至少减少一次点击。我们正在尝试添加一个“默认”功能,你可以在其中选择要默认选择的阅读器,并立即重定向到该阅读器。

      2013 年 2 月 17 日 02:20

  4. Les Orchard

    一个抱怨:我无法将自己的 RSS 阅读器添加到列表中。(我在自己的服务器上自托管 Tiny Tiny RSS 的副本。)

    Firefox 具有内置的 Feed 视图,该视图与 navigator.registerContentHandler API 协同工作以添加 Feed 阅读器

    https://mdn.org.cn/en-US/docs/Adding_feed_readers_to_Firefox

    如果它有一些类似的 API,我可以从我的 TT-RSS 实例中调用它以将其添加到列表中,那就太好了。

    2013 年 2 月 16 日 16:56

  5. Julien

    Les,有一个注册机制:http://www.subtome.com/developers.html

    我们实际上添加了 registerContentHandler,但我们从未找到适合那些不知道什么是 ContentHandler 甚至什么是 RSS Feed 的用户的正确 UI/UX。

    2013 年 2 月 17 日 01:45

    1. Les Orchard

      阅读文档本来可以帮助我的 :) 我按照说明操作,将 iframe 添加到我自托管的 TT-RSS 中,它起作用了!

      2013 年 2 月 18 日 10:33

  6. Ted Curran

    这很棒,但它并没有真正解决 RSS 的两个主要问题 -

    1. Chrome 和 Firefox 等主要浏览器制造商正在删除曾经无处不在的按钮,该按钮提醒用户存在 RSS Feed。现在,网站开发人员有责任将 RSS 按钮放在 UI 的某个位置。这使得用户发现可以订阅的 Feed 的可能性大大降低。

    2. 大多数主流用户不知道 RSS 是什么,而且他们也没有维护 RSS 阅读器。他们越来越多地使用 Flipboard、G+、Facebook、Pinterest 等内容聚合应用程序“订阅”内容,这些应用程序各自都有自己的非标准“关注”内容方案。人们只知道“我所有的 Feed 都在 Flipboard 中”,而不知道幕后发生了什么。

    在我看来,我们需要一个“订阅”按钮,它可以无缝地让不知情的用户在他们使用的任何聚合器上关注你的内容,即使这意味着在幕后触发 G+“关注”、Facebook“点赞”、Pinterest“Pin”或其他操作。

    2013 年 2 月 22 日 12:03

    1. Julien

      Ted,

      该按钮的关键目标之一是完全隐藏“RSS”。大多数人不知道 HTML 是什么,但他们能够消费页面而不怎么在意。我们希望实现同样的目标:让人们能够订阅页面,而无需了解 RSS。

      我同意你关于通过 Facebook、G+ 和其他人进行订阅的说法,但你必须记住,这些平台本身就是媒介,它们有自己的议程和标准来决定是否应该广播信息。SubToMe 允许发布者通过允许开放阅读器来摆脱这种限制。

      但你说得对,我们希望看到在 SubToMe 之上插入一个 G+ 或 Flipboard 的 Facebook 应用。

      2013 年 2 月 28 日 14:47

  7. Sören Hentzschel

    您好,

    我为 SubToMe 创建了一个 Firefox 附加组件
    https://addons.mozilla.org/de/firefox/addon/subtome-subscribe-button/

    2013 年 3 月 10 日 11:57

    1. Robert Nyman [编辑]

      太好了,谢谢!

      2013 年 3 月 11 日 07:35

本文的评论已关闭。