Discourseをフルコメントシステムとしてサイトに埋め込む

Discourseの埋め込みシステムを使用すると、iframeを通じて外部サイトにトピックのコメントを表示できます。しかし、これまでその体験は読み取り専用でした。閲覧者が返信、いいね、または議論への参加を行うには、必ずDiscourseサイトへ移動する必要がありました。

今回は、埋め込み用にフルアプリモードを追加しました。これにより、iframe内に完全なDiscourseアプリケーションが読み込まれます。これによって、あなたのブログやウェブサイトから離れることなく、閲覧者がトピックに返信したり、いいねや引用を行ったり、議論に参加したりできるようになりました。

有効化方法

管理画面 \u003e 詳細設定 \u003e 埋め込みに移動すると、ページの上部にフルアプリモードを有効にする新しいトグルが表示されます。

オンにすると:

  • 埋め込み設定スニペットに自動的に fullApp: true および embedHeight: '800px' パラメータが含まれます
  • このモードを有効にするサイト設定も自動的に有効になります

この設定は、埋め込み \u003e 設定タブの embed_full_app としても利用可能です。

閲覧者への変化

フルアプリモードを有効にすると、埋め込まれたiframeは静的な返信リストの代わりに完全なDiscourse UIを読み込みます。外部サイトの閲覧者は以下が可能になります:

  • トピックに直接返信する
  • 投稿にいいねしたり引用したりする
  • フォーラムと同様にトピック内を移動する

これにより、ブログの読者はページから離れることなく、第一級の議論体験を得ることができます。

デモ

実際に動作を確認するには、当社のブログの以下の投稿をご覧ください:Discourseの信頼レベルを理解するタグについて話す時が来ましたDiscourse AIの紹介

「いいね!」 16

これは驚くべきことで、ゲームチェンジャーです。よくやりました、チーム。:discourse: :clap:

「いいね!」 1

お、これは本当に素晴らしい進化ですね!! :+1:

「いいね!」 1

これは素晴らしいですね!元のページ内で直接編集できるのは良いことですが、私にとっては埋め込み版で数式がレンダリングされることの方が、さらに大きな改善点だと感じています。自分のサイトでも活用できることを楽しみにしています。

試してみるために、リンクされたデモトピックの一つに移動し、そこで返信する際にいくつかの小さな問題に気づきました:

  1. エディタツールバーに Markdown/リッチエディタの切り替えボタンが表示されませんでした。
  2. 投稿後、サイト上でその投稿を編集しようとすると、「別のウィンドウで編集されています」という警告が表示されましたが、実際には編集用の他のウィンドウは開いていませんでした。
  3. 自分の返信を削除できませんでした。どうやらコミュニティによって削除されたようです。

全体的には、大きな一歩を踏み出されたと思います。ありがとうございます!

埋め込み環境での体験をシンプルにするため、その機能をはじめ、多くの UI 要素を削除しました。もし必要であれば、小さなテーマコンポーネントを追加することで、あなたのサイトにそれを戻すことは可能です。

新しい機能については、常に適切なバランスを探っています。そのため、ほとんどのブログにとって意味のある体験になるように設計しましたが、Discourse はご期待通り、いつでもカスタマイズ可能です。

興味深い事例ですね。この件については引き続き注視していきます。

「いいね!」 1

これを Discourse 自体に埋め込むことは可能でしょうか?

つまり、ブログとしてトピックを作成し、それに対応するコメント(l)を別のトピックとして分離するといった使い方です。

訪問者にアカウントがない場合、アカウント作成を促すメッセージが表示されるのでしょうか?

新しいスレッド形式の返信機能と組み合わせれば、非常に良いものになると思います。

もしかしたら可能かもしれませんが、今回はそれが焦点ではないため、一切テストしていません。

この機能の範囲外です。

はい、ログイン用の新しいタブが開きます。

はい!私たちもその実装が間近に到来することをとても楽しみにしています!

もしチャットでもこれができたらいいのにね :smiley: