Jak zdobyć komentarze na Facebooku można liczyć przy pomocy HTML5?

Question

Znam dwa sposoby, aby pobrać liczbę komentarzy na Facebooku:

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

i ...

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

Ale żadna semantyka jest to rozwiązanie dla HTML5, jest jakaś alternatywa?

Answer 1

Od v2.3, to może być obsługiwane przez span, która już ma natywnie display: inline; semantykę.

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

Answer 2

Graph API przykład przy użyciu 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

Można również uzyskać poprawny HTML5 FB komentarz liczyć w ten sposób:

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

FB automatycznie zastępuje "0" z odpowiednim numerem. Jeśli umieścisz coś takiego jak "niesamowite komentarze", zostanie ono zastąpione liczbą komentarzy, np. "13" itp.

Aby uzyskać numer i użyć własnego tekstu, wykonaj następujące czynności:

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

Uwaga: musisz zawinąć swoją klasę w div, bo licznik komentarzy nie zadziała.

Answer 4

Dla wordpress zakładać można korzystać jak <fb:comments-count href=<?php the_permalink();?>></fb:comments-count> awesome comments