Error al incrustar publicaciones existentes

Soporte
1

¡Hola! Estamos recibiendo un error de incrustación; el iframe dice:

Error de incrustación
Referente:
El referente no se envió o no coincide con ninguno de los siguientes hosts:

aunque los dominios son idénticos, y la consola muestra:

Uncaught SyntaxError: No se pudo ejecutar 'postMessage' en 'Window': Origen de destino inválido '' en una llamada a 'postMessage'.
    _embed-application-3723be59920e64ecda9d66b1e7c4c55378fb9dadfa7f422febd4f1b346c1aa05.js:6 Uncaught DOMException: No se pudo ejecutar 'postMessage' en 'Window': Origen de destino inválido '' en una llamada a 'postMessage'.
        en e (https://sjc1.discourse-cdn.com/business5/brotli_asset/embed-application-3723be59920e64ecda9d66b1e7c4c55378fb9dadfa7f422febd4f1b346c1aa05.js:1:42)
        en window.onload (https://sjc1.discourse-cdn.com/business5/brotli_asset/embed-application-3723be59920e64ecda9d66b1e7c4c55378fb9dadfa7f422febd4f1b346c1aa05.js:1:470)

Estamos utilizando la “Configuración alternativa”, por lo que el tema resuelto no nos ayuda realmente.

(Configuración alternativa) Enlace a temas existentes

Algunas personas prefieren que Discourse no cree temas automáticamente en sus foros. Les gustaría crear los temas ellos mismos y luego simplemente indicar a su código de incrustación qué tema desean asociar. Puedes hacerlo modificando ligeramente tu código de incrustación:

<div id='discourse-comments'></div>

<script type="text/javascript">
  DiscourseEmbed = { discourseUrl: 'http://discourse.example.com/',
                     topicId: 12345 };

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

La única diferencia aquí es que hemos reemplazado discourseEmbedUrl con el ID de un tema de Discourse. Si haces esto, no se creará ningún tema y se mostrarán automáticamente los comentarios de ese tema.

de Embed Discourse comments on another website via Javascript

¿Existe alguna forma sencilla de depurar esto? ¿De dónde obtiene el referente y por qué podría estar vacío?
¿Es un problema conocido o común y hay alguna manera de ocultar el iframe o su contenido cuando ocurre un error?

Al hacer clic en el script donde ocurre el error, parece que no puede encontrar un referente para un postMessage en el elemento #data-embedded.

2

Puedes examinar el iframe incrustado en tu página usando el inspector y verificar si tiene una etiqueta meta con el referer correcto. Debería verse algo así: <meta id='data-embedded' data-referer="TU_SITIO">

TU_SITIO debería ser rellenado automáticamente por el iframe.

3

<meta id="data-embedded" data-referer="">

¡Está vacío :scream:! ¿Qué significa esto?

4

Significa que, por alguna razón, el iframe que estás incrustando no recibe un referenciador. No estoy seguro de si algo lo está eliminando, como un proxy o una redirección, o si es un problema del navegador.

6

https://meta.discourse.org/t/embedding-discourse-comments-via-javascript/31963/353?u=falco