Wixウェブサイトにコメント用の埋め込みを追加する

WixウェブサイトでDiscourseトピックを別のウェブサイトに埋め込むことに関して、ほとんどのトピックとビデオを調べましたが、問題が発生しています。表示されるのは「接続の拒否」というエラーのみです。

埋め込みページで、許可されたホストにウェブサイトを追加しました。カテゴリも選択されており、すべて問題ないように見えます。

EMBED_URLを埋め込み先のページのURLに置き換えました。

DISCOURSE_USERNAMEをトピック作成のためのDiscourseのユーザー名に置き換えました。

HTMLコード全体をウェブサイトのHTML iFrameに貼り付けました。しかし、なぜか機能しません。どこで間違っているのかわかりません。


これを修正するために何かできることはありますか?

別のトピックでJSONまたはRSSについて言及している人がいましたが、そのプロセスをどのように進めればよいのか全くわかりません。誰かがDiscourseの埋め込みを別のウェブサイトに正常に追加したことはありますか?

hi @ethanjs metaへようこそ :wave:

確信はありませんが、Discourseのコンテンツをiframeに埋め込むことはできないと思います。

私のサイトでは、親サイトの記事下にあるコメントセクションのエンジンとして、Discourseフォーラムの埋め込みを使用しており、その方法でうまく機能しています。

このディスカッションがお役に立つかもしれません。

「いいね!」 1

@Lillinator 早速のご返信ありがとうございます!

なるほど。iframeには直接貼り付けられないという話をトピックで見かけたような気がします。

コードをVelo by Wixに直接貼り付けると、**「JSX式には1つの親要素が必要です」**というエラーが表示されます。

それはコードエラーがあり、1つしか許可されていない場所に2つの式を返そうとしているためです。コードを投稿して確認させてください。

「いいね!」 1

コードは次のようになります。ただし、投稿ユーザー名と EMBED_URL は埋め込むサイトの URL に置き換えてください。

<div id='discourse-comments'></div>
<meta name='discourse-username' content='DISCOURSE_USERNAME'>

<script type="text/javascript">
  DiscourseEmbed = {
    discourseUrl: 'https://community.alivemaps.com/',
    discourseEmbedUrl: 'EMBED_URL',
    // className: 'CLASS_NAME',
  };

  (function() {
    var d = document.createElement('script'); d.type = 'text/javascript'; d.async = true;
    d.src = DiscourseEmbed.discourseUrl + 'javascripts/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(d);
  })();
</script>
「いいね!」 1

フラグメントを作成することは可能ですか?これをテストしたところ、異なるエラーが表示されたようですが、今は「react」用です。

フラグメント化する必要はなく、EMBED_URLとDISCOURSE_USERNAMEが正しければ、そのコードは機能するはずです。許可されたホストパスとカテゴリの設定をもう一度確認してみてください。:thinking: Velo by Wixについては何も知りません。

「いいね!」 1

更新されたもの:EMBED_URL と DISCOURSE_USERNAME

何らかの理由で、フラグメントがないと、画像で示されているように、コード全体がエラーになります。

Veloフォーラムに投稿して、どこが間違っているか誰か知っているか確認しました。

これを機能させる方法を知りたいです。コメント機能がなくても、各ページをフォーラムに接続できるだけで素晴らしいです!

「いいね!」 1

これを読んだということですね:Wix Editor: Embedding a Site or a Widget | Help Center | Wix.com

どうやら、そこではiframeに読み込まれるようです。

「いいね!」 1

:smiling_face_with_three_hearts: これが大好きです^^^^ :smiling_face_with_three_hearts:

「いいね!」 1

はい、それが私たちのサイトです :slight_smile: ありがとう。私はDiscourseフォーラムの管理者ですが、埋め込んでいるサイトの管理者ではありません。

あなたのコードにエラーは見当たらないので、Wixサイトの問題ではないかと思います。Wixでは、許可されたホストやパスなどの他の設定が原因である可能性があります。彼らがあなたを支援してくれるか、あるいは誰かがあなたの問題に気づいて助けてくれることを願っています。現時点では、なぜうまくいかないのか分かりません。

「いいね!」 1

はい、埋め込みの説明を読みました。Wixのサポートにも4回電話しました。専門チームに案内されましたが、忙しすぎて留守番電話になりました。数日前にメールが届きました。

おそらく、そのメールにリクエストの詳細を追加して返信します。

今メッセージを送りました

Discourse は iframe に埋め込みを読み込まないためだと推測します。

「いいね!」 1

iFrame に関しては、おっしゃる通りだと思います。管理画面 > カスタム > 埋め込みページの説明に従いました。考えられるあらゆる方法で変更・更新を試みました。

iFrame は JavaScript なので、問題の根源である可能性が高いです。最後に送っていただいたリンクの下部に、「HTML」と「サイトの埋め込み」の下に「カスタム要素」というセクションがあることに気づきました。これが原因になっているのだと思います。

Lilly さん、大変助かりました!

「いいね!」 1

どういたしまして、@ethanjs ですが、もっとお役に立てず申し訳ありません。 :face_with_diagonal_mouth:

「いいね!」 2

すべて順調です。Wixサポートから聞いたことは、ここに投稿します。

これは主にWordPressのようなものと比較して、彼らのウェブサイト特有の問題だと思います。長年にわたり、他のWixユーザーも同様の問題に遭遇しているようですが、明確な解決策はありません。

「いいね!」 2