404 not found when embedding comments

Support

AI-generated summary

404 Error When Embedding Comments

The user, jamiep, is experiencing a 404 error when trying to embed Discourse comments on their Ghost blog. They have checked their Discourse settings and HTML code, but cannot find the issue.

jamiep provides examples of pages with the issue, and jamiep mentions that the topics are being created on their Discourse instance. They are using the latest version of Discourse (2.6.0.beta2).

After further investigation, jamiep discovers that the issue was not with Discourse, but rather with their understanding of the embedding process and the theme of their blog. They were seeing 404 errors due to the mini-profiler, and the embedded comments were not visible due to the dark background of their blog theme. jamiep resolves the issue by adding CSS to change the background color of the embedded comments.

simon confirms that the comments are being correctly embedded on one of the provided URLs.

1

Screenshot 2020-08-25 at 14.29.25
Screenshot 2020-08-25 at 14.29.252556×1358 532 KB

I’m new with Discourse and I can’t figure out why I’m getting 404 error status messages when trying to load comments on my Ghost blog.

2

It doesn’t seem to be a problem with my settings in Admin / Customize / Embedding. I have the loosest possible matching criteria set.

Screenshot 2020-08-25 at 14.30.57
Screenshot 2020-08-25 at 14.30.572386×428 46.6 KB

3

I don’t think there is a problem with the HTML I have used to embed the comments??

Is this a problem with cross-site communication??

See line 114 - 124:

4

Here is the URL of one of the pages in question.

5

The topics which should be being embedded are being created on my discourse instance: https://discourse.designedbyselection.org/t/sounds-of-khao-sok-forest-recorded-at-praiwan-house-boat/24

6

I am using the latest version of Discourse installed by @pfaffman a few days ago. 2.6.0.beta2 ( 66976baefa )

Thanks for any help!!

7

I’m having the same problem on a web site at a different domain.

I’ve poked around this forum and the documentation and can’t see what I might be doing wrong or how to fix this issue.

8

Oh! Apparently the requests that were failing with a 404 from my other domain are now working on this domain but the comments are still not showing up.

Details of the now successful request:

  1. Request URL: https://discourse.designedbyselection.org/mini-profiler-resources/results
  2. Request Method: POST
  3. Status Code: 200
  4. Remote Address: 104.131.79.11:443
  5. Referrer Policy: strict-origin-when-cross-origin
9

When I go to that URL, it seems that the comments are being correctly embedded. There are no comments on the post’s Discourse topic, so no comments are displayed. Are you still having issues with this, or is the problem resolved?

10

Oh, sorry not to post back here!

I figured out what was going on. It seems that discourse was working great all along.

What confused me was:

  • I was seeing 404 errors in the Network tab of the Chrome Inspect window when I was embedding Discourse comments on a different domain to the discourse server here for example.. This is probably the expected behaviour of the mini-profiler which seems to be the thing that displays the loading time ?for admins only?
  • I hadn’t read the documentation properly and was expecting to see an interface for entering comments appear on my site. Since I hadn’t actually commented on the blog articles there was very little being embedded in the page, only a link to the discourse server topic.
  • My blog theme had a dark background and what was embedded in the blog page was not visible against the dark background. I fixed this with the CSS below.
div#discourse-comments {
        background-color: white;
        border-radius: 25px;
        padding: 20px;
}