如何使用HTML5获取Facebook评论计数？

Question

我知道两种获取 Facebook 评论数量的方法：

<fb:comments-count href=http://example.com/></fb:comments-count> awesome comments 

并且...

<iframe src="http://www.facebook.com/plugins/comments.php?href=example.com&permalink=1" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:130px; height:16px;" allowTransparency="true"></iframe> 

但是"none"不是HTML5的语义化解决方案，有没有其他替代方案呢？

- Caio Tarifa

---

你能够从Facebook获取数据的唯一途径就是直接从Facebook抓取。你需要使用其中一个API来实现，无论是JavaScript、PHP、Ruby、Python等等...... - Connor

谢谢Connor，但是fb:comments-count是一个插件。http://developers.facebook.com/docs/reference/plugins/comments/ - Caio Tarifa

Answer 1

您也可以通过以下方式获取HTML5有效的Facebook评论计数：

<div class="fb-comments-count" data-href="/post URL">0</div>

Facebook会自动用正确的数字替换"0"。如果你在那里放置"awesome comments"这样的文本，它将被替换为评论数量即"13"等。

要获取数字并使用自己的文本，请执行以下操作：

<a href="/post URL"><div class="fb-comments-count" data-href="/post URL">0</div> awesome comments</a>

请注意，您必须将类包装在

中，否则评论计数器将无法工作。

- Charlie

Answer 2

使用 jQuery 的 Graph API 示例：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(function(){

    $.ajax({
        url: 'http://graph.facebook.com/http://www.google.com',
        dataType: 'jsonp',
        success: function(data) {
             alert("comments: " + data.comments);
       }
    });

});
</script>

- Johan

---

这必须在最上面。 - sonnb

Answer 3

自从v2.3版本以来，它可以由span处理，该元素已经具有本地的display: inline;语义。

<a href="/post-link">
  <span class="fb-comments-count" data-href="/post-link">0</span> comments
</a>

- Caio Tarifa

Answer 4

对于 WordPress 文章，您可以使用以下代码：<fb:comments-count href=<?php the_permalink();?>></fb:comments-count> 评论数量

- Manvel