Ответ 1
Так как v2.3, его можно обработать с помощью span
, который уже имеет искомый display: inline;
семантика.
<a href="/post-link">
<span class="fb-comments-count" data-href="/post-link">0</span> comments
</a>
Я знаю два способа получить количество комментариев на 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, есть ли альтернатива?
Так как v2.3, его можно обработать с помощью span
, который уже имеет искомый display: inline;
семантика.
<a href="/post-link">
<span class="fb-comments-count" data-href="/post-link">0</span> comments
</a>
Вы также можете получить HTML5 действительный счетчик комментариев FB следующим образом:
<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, иначе счетчик комментариев не будет работать.
Пример 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>
Для сообщения Wordpress u можно использовать как <fb:comments-count href=<?php the_permalink();?>></fb:comments-count> awesome comments