Trying to do embedding. Hit with “The referer did not match any of the following hosts:” issue

[Jane_Jojo]

I tried to setup embedding according to

Embed Discourse comments on another website via Javascript

Discourse has the ability to embed the comments from a topic in a remote site using a Javascript API that creates an IFRAME. For an example of this in action, check out Coding Horror’s blog. The blog is run via Ghost but the comments are embedded from his Discourse forum. One important thing to note with this setup is that users have to navigate to your forum to post replies. This is intentional, as we feel that the posting interface on a Discourse forum is currently much richer than what we …

and I am hit with a

Referer:https://www.alittlebitofspice.com/pumpkin-chocolate-swirl-cheesecake-recipe

The referer did not match any of the following hosts:

alittlebitofspice.com
Configure Embedding

Here’s how my embedding configuration is setup

Instead of discourseEmbedUrl I’ve used topicId

What am I doing wrong here?
Here’s my blog URL

Pumpkin Chocolate Swirl Cheesecake

and my forum

comments

[vinothkannans (Vinoth Kannan)]

Since you are using www prefix for your website add it in the Allowed Hosts column like www.alittlebitofspice.com. Also add Path Whitelist value as .* to allow all the pages and URL paths.