Cách nhận số lượng nhận xét trên Facebook với HTML5?

Question

Tôi biết hai cách để lấy số bình luận trên Facebook:

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

và ...

<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> 

Nhưng không ai là một ngữ nghĩa cho giải pháp HTML5, là có bất kỳ thay thế?

Answer 1

Kể từ v2.3, nó có thể được xử lý bởi span, mà đã có sự natively display: inline; ngữ nghĩa.

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

Answer 2

Graph API ví dụ sử dụng jquery:

<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> 

Answer 3

Bạn cũng có thể nhận HTML5 FB hợp lệ comment đếm theo cách này:

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

FB tự động thay thế "0" với con số chính xác. Nếu bạn đặt thứ gì đó ở đó như "nhận xét tuyệt vời", nó sẽ được thay thế bằng số lượng nhận xét tức là "13", v.v.

Để lấy số và sử dụng văn bản của riêng bạn, hãy làm như sau:

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

Lưu ý rằng bạn phải bao gồm lớp học của mình trong div hoặc nếu không bộ đếm nhận xét sẽ không hoạt động.

Answer 4

Đối với một bài đăng wordpress, bạn có thể sử dụng như <fb:comments-count href=<?php the_permalink();?>></fb:comments-count> awesome comments