埋め込みエラー - リファラーが送信されていないか、以下のホストのいずれにも一致しませんでした

サポート
1

皆さん、こんにちは。会社のJekyllブログであるhttps://blog.neverlocal.com/のコメントセクションとして、https://forum.neverlocal.com/を使用しようとしています。Discourseはホスト版を使用しています。

Discourseの埋め込み設定は以下の通りです。

許可されたホスト: blog.neverlocal.com
パス許可リスト: */
投稿カテゴリ: Blog
投稿作成者: system

埋め込みコードは以下の通りです。

  <div id='discourse-comments' style="display: none"></div>
  <meta name='discourse-username' content='system'>

  <script type="text/javascript">
    DiscourseEmbed = {
      discourseUrl: 'https://forum.neverlocal.com/',
      discourseEmbedUrl: '{{site.url}}{{page.url}}',
      // className: 'share-box',
    };

    (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>

現在、デバッグのためにiframeを表示していませんが、そのため display: none スタイルが適用されています。

残念ながら、以下のエラーが発生しました。

Referer:https://blog.neverlocal.com/xxx
リファラーが送信されなかったか、次のいずれかのホストと一致しませんでした。

    blog.neverlocal.com.*

また、フォーラムに投稿も作成されていません。

ちなみに、ブログにアクセスし、いずれかの投稿を開いて開発者ツールで状況を確認すれば、すべてご自身で確認できます。どうすればよいかわからず困っています。フォーラムを検索しましたが、うまくいった解決策はありませんでした。

どなたか助けていただけると幸いです！
Fab

2

進捗がありました。基本的に、サブスクリプションを確定したという事実以外は何も変更していません（以前はトライアル期間の終了間際でした）。サブスクリプションがアクティブでないと埋め込みが機能しないということはありますか？

それ以外にも、コメントセクションのiframeが150pxで固定され、まったく動的に更新されないという問題があります。そのため、コメントセクションが途中で切れ、「ディスカッションを続ける」ボタンが表示されません。フォーラムの至る所を探しましたが、修正につながるようなものは見つかりませんでした。

3

それについて、答えはノーです。トライアルサイトでの埋め込みに制限はありません。

私の知る限り、このような問題に遭遇したことはありません。例えば、このブログの返信をご覧ください。Building a PC, Part IX: Downsizing

4

それは本当に奇妙ですね！15日前に何が間違っていたのか理解しようとして、私はほとんど気が狂いそうになりました。今日確認したところ、7日前にすべてのトピックが自動的に作成され、iframeが埋め込まれていたことがわかりました。この期間中、ブログには何も変更は加えられていません。

私の知る限り、このような問題に遭遇したことはありません。例えば、このブログの返信をご覧ください。Building a PC, Part IX: Downsizing

はい、まさにその通りです。しかし、私たちの場合はiframeの高さが150pxに制限されています。これは、iframe自体やそれを囲むdivのスタイリング方法と関係があるのでしょうか？

5

そうだと思います。iframeに対するカスタムCSSルール、あるいは他のカスタムCSSから継承されたものかもしれません。

6

開発者ツールを使用して確認したところ、iframeは最初に高さ属性なしで埋め込まれ、1秒ほど後に高さ属性が150pxになります。これは、何らかのJavaScript関数などがこのデータをやり取りしているのだと思いますが、どこで見つけられるのか、どのようにデータが取得されているのか分からないため、デバッグが非常に困難です。