2013-06-05 62 views
1

我想使用XFBML方法将类似按钮添加到网页,以便对话框显示何时单击按钮。Facebook喜欢使用XFBML的按钮

我使用Facebook的配置产生下面的代码:

<div id="fb-root"></div> 
<script>(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = "//connect.facebook.net/en_US/all.js#xfbml=1"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<fb:like send="false" layout="button_count" width="225" show_faces="true"></fb:like> 

然而,当我将它放在HTML标签body,似乎什么都没有。我在这里错过了什么?

+0

任何人都在意在这里权衡...我已经尝试过每一个教程,仍然没有运气。开发人员文档中是否有链接可以说明这一点。我是一个小客户,有一位客户正在呼吸我的脖子,让这个问题得到解决。请帮助 –

回答

0

请参考官方网站:http://developers.facebook.com/docs/reference/plugins/like/

要知道答案,你应该使用<div class="fb-like">而不是<fb:like>。例如:

<div class="fb-like" data-href="http://yourwebsite.com" data-send="true" data-width="450" data-show-faces="true"></div>

的HTML犯规知道什么是<fb:like>,你应该告诉HTML FB:喜欢是一个div的名称。

它有帮助吗?

+0

这似乎是“HTML5”方法,它似乎是现在可用的默认(并且唯一)方法。问题中提到的“XFBML”版本不再是一个选项? – MrWhite