Github 页面未加载 Facebook 评论插件

Question

我在 GitHub-Pages 中有一个博客，我想在其中加载 Facebook 评论插件：
https://juspreet51.github.io/blog_posts/demo.html

从 Facebook 评论插件 Doscumentaion，我使用了以下参数：-

URL 评论: https://juspreet51.github.io/blog_posts/demo.html
帖子数：5
然后我点击了获取代码按钮

然后在以下 .html 文件中使用生成的代码：

<!DOCTYPE html>
<html>
<head>
  <title>Demo</title>
</head>
<body>
  <!-- facebook plugin JavaScript SDK -->
  <div id="fb-root"></div>
  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v8.0" nonce="uOgIM47N"></script>

  <h1>Hello World</h1>
  <h3>Below this line, ideally comment should appear</h3>

  <!-- comments to appear below -->
  <div class="fb-comments" data-href="https://juspreet51.github.io/blog_posts/demo.html" data-numposts="10" data-width=""></div>

</body>
</html>

仍然没有加载评论插件，请问哪里出了问题？

*当我从移动 phone 浏览器
访问 the link 时评论部分可见所以我尝试清除我的 PC 浏览器历史记录和缓存，仍然评论部分在 PC 浏览器中不可见，但只在移动浏览器中可见

Answer 1

也许您需要请求许可才能这样做。

生成代码时页面上的 Facebook 评论：

因此，请确保您单击通知上的 link 并获取您的 public 访问权限

Answer 2

在您遇到问题的浏览器中检查网站的控制台，并检查您的浏览器是否阻止了 cookies

错误可能如下所示：

            A cookie associated with the cross-site resource at https://facebook.com/ was set without the `samesite` attribute. It has been blocked

Github 页面未加载 Facebook 评论插件

Facebook Comment Plugin not Loading for Github Page

html

javascript

facebooktoolkit

facebook-comments

github-pages