Facebook Comments Plugin:如何排序评论,最新的?

时间:2012-03-30 12:14:20

标签: facebook plugins

我们正在使用http://developers.facebook.com/docs/reference/plugins/comments/插件在我们的网站上发表评论。

工具显示的评论按社交“因素”排序,即首先非常喜欢评论等。

我想首先显示最新评论,按时间顺序反转。我不知道如何将其设置为所有访问者的默认设置。

我在这里找到了一些想法: Facebook comments plugin - how to sort comments? Setting Facebook comments web plugin

然而,注意到这一点似乎已经有效了。

你知道该怎么做吗?

3 个答案:

答案 0 :(得分:9)

我已经看到了很多答案,但只有这个对我有用。

<div class="fb-comments" data-href="your-website" data-num-posts="5" data-width="638" data-order-by="reverse_time"></div>

所以无论如何要设置的关键是 data-order-by =“reverse_time”

答案 1 :(得分:1)

我做了一些研究,找到了适合我的解决方案:

首先,我从Facebook获取了生成的代码,您可以使用它:facebook comment plugin

示例:

<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 = "//connect.facebook.net/de_DE/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

我把div放在我希望插件出现的一侧的主体顶部。您可以将脚本放在头部或外部JS文件中。

之后,我将生成的代码的第二部分放在我想要出现Comments-Plugin的地方。

示例:

<div class="my_comments_plugin"
<div class="fb-comments" data-href="http://example.com" data-num-posts="2" data-width="470"></div>
</div>

现在最重要的部分:然后我将另一个数据属性放入div中,使用类fb-comments:

data-sort-by="reverse_time"

这使评论按时间倒序排列!

希望我帮忙!

答案 2 :(得分:0)

确定响应式设计和排序的fb评论:

在html文件中:

.fb-comments {
  min-width: 100% !important;
  width: 100% !important;
}
CSS文件中的

AuditManager.DefaultConfiguration.Exclude<Employee>();
AuditManager.DefaultConfiguration.Exclude<Department>();
AuditManager.DefaultConfiguration.Exclude<Room>();