Embed Discourse comments into readthedocs hosted site

Product Support

AI-generated summary

ChloePrize sought help with embedding Discourse comments into a Read the Docs site, encountering a ‘Discussion Loading’ issue due to an Invalid X-Frame-Options error and a 400 status code. The error stemmed from cross-origin restrictions. ChloePrize later resolved the issue by adding the site’s URL to the cors origins in the Discourse settings and updating the embed URI to use the canonical URL. Tokapeb asked for clarification, and ChloePrize provided the solution, noting the two key steps that fixed the problem.

1

Hello all,

I have been trying to add discourse comments from our forum to our documentation site.
We host our documentation on readthedocs.

I used the javascript from discourse customize/embedding and it would only render “Discussion Loading”.

Links:
Forum
Discourse embed URl(readthedocs site)

I inspected the page and in the console I found this error message:

Invalid X-Frame-Options: “ALLOWALL” header from “[https://forum.zenko.io/embed/comments?embed_url=https%3A%2F%…tsInReadTheDocs%2Freference%2Fobject_operations%2Findex.html](https://forum.zenko.io/embed/comments?embed_url=https%3A%2F%2Fzenko.readthedocs.io%2Fen%2Fdocumentation%2FZENKOIO-111-ForumCommentsInReadTheDocs%2Freference%2Fobject_operations%2Findex.html)” loaded into “[https://zenko.readthedocs.io/en/documentation-zenkoio-111-fo…commentsinreadthedocs/reference/object_operations/index.html](https://zenko.readthedocs.io/en/documentation-zenkoio-111-forumcommentsinreadthedocs/reference/object_operations/index.html)”.

And if this helps:

Request URL:https://forum.zenko.io/embed/comments?embed_url=https%3A%2F%2Fzenko.readthedocs.io%2Fen%2Fdocumentation%2FZENKOIO-111-ForumCommentsInReadTheDocs%2Findex.html
Request method:GET
Remote address:72.52.80.11:443
Status code:
400
Version:HTTP/2.0

Did anyone had similar issue or can help?

Many thanks! :blush:

2

Hello Dasha,

I just checked your site in the comment, and as I see you could solve the problem. Can you help me with a short description of how you did it, it seems I have the same problem, and it could be helpful for others too.

Thanks!

3

Hello @Tokapeb
It’s hard to say what exactly resolved my issue, but as far as I remember I did two things to fix it:

  • added my site’s URL to cors origins on the forum site settings
  • changed discourse embed URI in the script to canonical (it wasn’t before)

Hope it helps :slight_smile: