将 Discourse 作为完整评论系统嵌入您的网站

Discourse 的 嵌入系统 允许您通过 iframe 在外部网站上显示话题评论——但在此之前,体验仅限于只读。访客必须点击跳转到您的 Discourse 站点才能回复、点赞或与讨论互动。

我们已为嵌入功能添加了完整应用模式,该模式会在 iframe 内加载完整的 Discourse 应用程序。您的访客无需离开您的博客或网站,即可直接回复、点赞、引用并与话题互动。

如何启用

前往 管理 > 高级 > 嵌入,您将在页面顶部看到一个新开关,用于启用完整应用模式。

启用该开关后:

  • 嵌入配置代码片段将自动包含 fullApp: trueembedHeight: '800px' 参数
  • 启用该模式的站点设置也将自动开启

该设置也可在 嵌入 > 设置 标签页下找到,参数名为 embed_full_app

对访客的影响

启用完整应用模式后,嵌入的 iframe 将加载完整的 Discourse 用户界面,而不再是静态的回复列表。您外部网站上的访客可以:

  • 直接回复该话题
  • 点赞引用帖子
  • 像在论坛上一样在话题内导航

这为您的博客读者提供了无需离开页面即可享受的一流讨论体验。

演示

您可以在我们的博客中看到其实际效果,例如在以下帖子中:理解 Discourse 信任等级是时候谈谈标签了介绍 Discourse AI

39 个赞

这太棒了,堪称颠覆性创新。干得漂亮,团队!:discourse: :clap:

3 个赞

哇,这发展真的很棒!!:+1:

2 个赞

太棒了!虽然能够直接在原始页面中编辑已经很好,但在我看来,数学公式在嵌入版本中也能正确渲染,这是一个更大的改进!我期待在自己的网站上使用它。

为了测试,我访问了您链接的其中一个演示主题,在回复时发现了几个小问题:

  1. 编辑器工具栏中没有出现 Markdown/富文本编辑器切换按钮;
  2. 发布后,我尝试在网站上编辑该帖子,却收到提示该帖子正在另一个窗口中被编辑,但我并没有打开任何其他编辑窗口;
  3. 我无法删除我的回复。显然,它已被社区删除。

不过总体而言,这是一个巨大的进步——谢谢!

3 个赞

我们已移除了该按钮,以及许多其他 UI 元素,以简化嵌入体验。如果您确实需要,可以通过添加一个小型主题组件将其重新添加回您的网站。

与任何新功能一样,我们一直在努力寻求良好的平衡,最终打造出的体验对大多数博客来说都是合理的。但 Discourse 始终会按照您的预期保持高度可定制性。

这很有趣,我们会留意这个问题。

7 个赞

这能用于嵌入到同一个 Discourse 中吗?

例如,创建一个作为博客的主题,并配有独立的评论主题?

如果访客没有账户,系统会提示他们创建账户吗?

如果与新推出的线程式回复功能结合使用,效果会相当不错。

也许可以?但这不是我们当前的重点,所以我完全没有测试过。

这超出了该功能的范围。

是的,它会打开一个新标签页进行登录。

没错!我们也很期待这一功能早日上线!

2 个赞

要是聊天也能这样就好了 :smiley:

这太棒了,而且出现的时机正好是我打算重新审视这个功能的时候 :smiley:

有一点我考虑的是让滚动条更加明显。例如在这里:Understanding Discourse Trust Levels 我看到:

这看起来像是只有三条评论。当我将鼠标悬停在那里时,才会看到右上角有一个微小的银色默认滚动条(Firefox,Linux)。

所以,如果我不了解 Discourse,我会误以为目前只有三条回复,并且点击 Jay 名字旁边的“回复”按钮是通用的“回复主题”按钮。不幸的是,现实情况是,每次有人犯这个错误时,Jay 都会收到一条新回复的通知。

我在想是否有:
a) 一种方法能让“回复主题”按钮始终可见?
b) 一种方法能让滚动更加明显,同时保持优雅且不具侵入性?

7 个赞

这些都是很好的建议。更广泛地说,也许用户界面元素被过度简化了?当我回复昨天的信任等级博客文章时,我不得不无限滚动一段时间,才能查看我的回复,因为时间线滚动元素缺失了。

4 个赞

从报告的角度来看,回复/点赞是如何处理的?是否有指定的分类?

编辑:啊,我想我现在明白了,嵌入页面会被发布到一个分类中,就像这样

2 个赞

这太棒了,非常感谢。

正如其他用户评论的那样,无限滚动功能不够明显,当评论数量超过设定高度时,会将回复按钮挤到看不见的地方。

1 个赞

出于某种原因,Super Fight Bot 返回了一个挑战,其他内容则关于最旧的回复

不过我很喜欢这个嵌入内容。

遗憾的是,正如您的一个示例所示,这仍然要求用户在 iframe(存在诸多缺点)中滚动浏览可能令人眼花缭乱的评论数量,才能到达底部并发表一级评论。是否有一种方法可以直接从顶部添加非回复性质的评论?

3 个赞