嵌入式评论

若想将主页或 Facebook 用户发布的公开帖子评论嵌入您的网站或网页内容,嵌入式评论是一种简单方法。只有 Facebook 公共主页和个人主页发布的公开评论才可以嵌入。

设置布局

分步说明

1.选择“评论链接”

选取您想用于嵌入式评论插件的评论链接。要获取评论链接,请右击评论旁的时间戳,并复制链接地址(详情请见:获取评论网址)。

2.更新 HTML 代码片段

data-href 属性更新为评论网址:

<!-- Load Facebook SDK for JavaScript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- Your embedded comments code -->
<div class="fb-comment-embed"
   data-href="https://www.facebook.com/zuck/posts/10102735452532991?comment_id=1070233703036185"
   data-width="500"></div>

3.复制并粘贴 HTML 代码片段

复制代码片段并粘贴到目标网站的 HTML 中。

嵌入式评论代码生成器

设置

上面的配置器不包括嵌入式视频播放器的所有可能设置。您还可更改以下设置:

设置 说明 默认

data-href

评论的绝对网址。

n/a

data-width

嵌入式评论容器的宽度。最小 220px

在桌面设备上为 560px。在移动平台上,此参数被忽略,且宽度始终为 100%(可调宽度)。

data-include-parent

设置为 true 以包含父评论(如果网址代表的是某条回复)。

false

获取评论网址

要获取评论网址:

  1. 点击评论的发布时间(例如,“18 小时”,在下方截图中以红色下划线标示)。等待页面重新加载。
  2. 浏览器地址栏中复制更新后的网址。此网址应包含 comment_id= 字符串(参见截图)。

桌面布局

您可以通过嵌入式评论标签中的 data-width 属性调整桌面嵌入式评论的宽度,如下例所示。选择 350750 像素之间的值。

请勿使用 CSS 样式标签来调整插件大小。否则可能导致显示错误。

<!-- WRONG! -->
<style type="text/css">
.fb-comment-comment {
  width: 500px;
}
</style>
<div class="fb-comment-comment" data-href="{your-comment-url}"></div>

<!-- CORRECT -->
<div class="fb-comment-comment" data-href="{your-comment-url}" data-width="500"></div>

通过 Facebook 嵌入

您可以直接通过 Facebook 公开评论获得嵌入代码。

通过评论插件嵌入

您可以直接通过评论插件获得嵌入代码。

更改语言

您可以通过加载 Facebook JavaScript SDK 的本地化版本,更改嵌入式评论插件的语言。加载 SDK 时,更改 js.src 的值即可更改语言设置。将 en_US 替换为需要的语言代码,例如代表法语(法国)的 fr_FR

js.src = "https://connect.facebook.net/fr_FR/sdk.js#xfbml=1&amp;version=v2.2";

受支持的语言请参考 Facebook 语言 XML 文件

您可能需要调整社交插件的宽度,适应不同的语种。请查看本地化与翻译页面查找更多信息。