Как получить счетчик комментариев Facebook с HTML5?

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> 

Но нет семантики для решения HTML5, есть ли альтернатива?

Answer 1

Вы также можете получить действительный счетчик комментариев FB в HTML5 следующим образом:

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

FB автоматически заменяет «0» на правильный номер.Если вы добавите туда что-то вроде «потрясающих комментариев», оно будет заменено количеством комментариев, т. Е. «13» и т. Д.

Чтобы получить номер и использовать собственный текст, сделайте что-то вроде этого:

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

Обратите внимание, что вы должны обернуть свой класс в div, иначе счетчик комментариев не будет работать.

Answer 2

Пример API графика с использованием 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

Поскольку v2.3 , он может обрабатываться span, который уже имеет изначально семантику display: inline;.

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

Answer 4

Для WordPress сообщения вы можете использовать как <fb:comments-count href=<?php the_permalink();?>></fb:comments-count> awesome comments