Facebook评论插件显示异常：data-href设为Facebook链接报错

当使用Facebook Comment Plugin时，将data-href参数设为https://www.facebook.com/会触发以下错误提示：

Refused to display 'https://www.facebook.com/' in a frame because it set 'X-Frame-Options' to 'deny'.

设置其他URL链接可正常显示，且已按官方说明在src参数中传入appID，但问题仍存在，该如何修复？

附带的代码示例：

<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v20.0" nonce="k690L44D"></script>
<div class="fb-comments" data-href="https://geysereco.com" data-width="100%" data-numposts="5"></div>

解决方法 #

1. 原因说明
   Facebook官网本身设置了X-Frame-Options: deny响应头，这是平台的安全策略，目的是禁止任何外部网站将Facebook根域名页面嵌入iframe中。这个限制跟你的appID配置无关，无法通过调整插件参数绕过。

2. 修复方案

• 不要将data-href设为Facebook根域名https://www.facebook.com/。如果需要关联Facebook主页的评论，改用以下两种链接：
  • 你的Facebook主页完整URL（例如https://www.facebook.com/your-official-page）
  • 主页内某条具体帖子的URL
• 替换后，评论插件就能正常加载，且评论会关联到对应的主页或帖子内容。

内容的提问来源于stack exchange，提问作者dqhoang