Ошибка встраивания: реферер либо не был отправлен, либо не соответствует ни одному из следующих хостов

Всем привет! Я пытаюсь использовать https://forum.neverlocal.com в качестве раздела комментариев для https://blog.neverlocal.com — это наш корпоративный блог на Jekyll. Мы используем размещённую версию 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

Referer либо не был отправлен, либо не совпал ни с одним из следующих хостов:

    blog.neverlocal.com.*

Кроме того, на нашем форуме не создаются никакие публикации.

Кстати, вы можете проверить всё это самостоятельно: зайдите на блог, откройте любую запись и с помощью инструментов разработчика изучите ситуацию. Я немного растерян и не знаю, что делать. Я просмотрел форум, но ни одно решение, похоже, не работает.

Любая помощь будет очень кстати!
Фаб

Хорошо, я добился некоторого прогресса. По сути, я ничего не менял, кроме того, что мы подтвердили нашу подписку (ранее мы находились в конце пробного периода). Возможно, встраивание не работает, пока подписка не активна?

Кроме того, у меня всё ещё есть проблема: фрейм раздела комментариев зафиксирован на высоте 150 пикселей и никак не хочет динамически обновляться. Из-за этого раздел комментариев обрезается, и кнопка «Продолжить обсуждение» не видна. Я искал повсюду на форуме, но не смог найти ничего, что указывало бы на решение этой проблемы.

Касательно этого: нет. На наших пробных сайтах ограничений по встраиванию нет.

Насколько мне известно, мы никогда не сталкивались с такой проблемой. Например, посмотрите ответы в этом блоге: Сборка ПК, часть IX: Уменьшение размеров

Тогда это действительно странно! Я чуть не сошёл с ума, пытаясь понять, что я делал не так, 15 дней назад. Сегодня я проверил и выяснил, что 7 дней назад все темы были созданы автоматически, а i-фреймы начали корректно встраиваться. За этот период в блог не было внесено никаких изменений.

Насколько мне известно, мы никогда не сталкивались с подобной проблемой. Например, посмотрите ответы в этом блоге: Сборка ПК, часть IX: Уменьшение размеров

Да, именно так мы и хотели бы это видеть. В нашем же случае высота i-фрейма ограничена 150 пикселями. Может ли это быть связано с тем, как мы стилизуем сам i-фрейм и div-контейнер, который его содержит?

Думаю, да, это должно быть пользовательское правило CSS для iframes или, возможно, унаследованное от какого-то другого пользовательского CSS.

Я не знаю и не имею ни малейшего представления о том, как это отладить! То, что я заметил, используя инструменты разработчика, так это то, что iframe сначала встраивается без какого-либо атрибута высоты. Через секунду или около того он получает атрибут высоты 150px. Я предполагаю, что где-то есть какая-то JavaScript-функция или что-то в этом роде, передающая эти данные, но я не знаю, где её найти и как именно эти данные получаются, что в первую очередь сильно затрудняет отладку.