Erro de incorporação - O referer não foi enviado ou não corresponde a nenhum dos seguintes hosts

Olá a todos, estou tentando usar https://forum.neverlocal.com como a seção de comentários de https://blog.neverlocal.com, que é o blog Jekyll da nossa empresa. Estamos usando a versão hospedada do Discourse.

A incorporação do Discourse está configurada da seguinte forma:

Hosts permitidos: blog.neverlocal.com
Lista de permissão de caminhos: */
Postar para categoria: Blog
Autor da postagem: system

O código de incorporação é:

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

No momento, não estamos exibindo o iframe por motivos de depuração, é por isso que ele está estilizado como display: none.

Infelizmente, encontrei o seguinte erro:

Referer:https://blog.neverlocal.com/xxx
\nO referer não foi enviado ou não correspondeu a nenhum dos seguintes hosts:\n\n    blog.neverlocal.com.*\n```

Além disso, nenhuma postagem é criada em nosso fórum.

Aliás, você pode verificar tudo isso sozinho indo ao blog, abrindo qualquer postagem e inspecionando a situação com as ferramentas de desenvolvedor. Estou um pouco perdido e não sei o que fazer, pesquisei no fórum, mas nenhuma solução parece funcionar.

Qualquer ajuda seria muito apreciada!
Fab

Ok, fiz algum progresso. Basicamente, não mudei nada além do fato de que confirmamos nossa assinatura (estávamos no final do período de avaliação antes). Poderia ser que a incorporação não funcione a menos que a assinatura esteja ativa?

Além disso, ainda tenho um problema, nomeadamente que o iframe da seção de comentários está travado em 150px e não quer atualizar dinamicamente de forma alguma. Isso significa que a seção de comentários é cortada e o botão ‘continuar discussão’ não fica visível. Procurei em todo o fórum, mas não consigo encontrar nada que me aponte para uma solução.

Em relação a isso, a resposta é não. Não há limitações relacionadas ao embedding em nossos sites de teste.

Até onde sei, nunca encontramos tal problema. Por exemplo, veja as respostas neste blog, Building a PC, Part IX: Downsizing

Então é realmente estranho! Quase enlouqueci tentando entender o que estava fazendo de errado 15 dias atrás. Então, verifico hoje e descubro que há 7 dias todos os tópicos foram criados automaticamente e os iframes estavam sendo incorporados. O blog não teve nenhuma alteração implementada nesse período de tempo.

Pelo que sei, nunca encontramos um problema assim. Por exemplo, veja as respostas neste blog, Building a PC, Part IX: Downsizing

Sim, é exatamente assim que gostaríamos. No nosso caso, em vez disso, a altura do iframe é limitada a 150px. Pode ter algo a ver com a forma como estilamos o próprio iframe e a div que o contém?

Acho que sim, deve ser alguma regra CSS personalizada para iframes ou talvez alguma herdada de algum outro CSS personalizado.

Não sei e não tenho ideia de como depurar isso! O que notei usando as ferramentas do desenvolvedor é que o iframe é incorporado primeiro sem nenhum atributo de altura. Depois de um segundo ou mais, ele recebe um atributo de altura de 150px. Imagino que haja alguma função javascript ou algo assim passando esses dados, mas não sei onde encontrá-la nem como esses dados são buscados, o que torna muito difícil depurar em primeiro lugar.