紧凑的Facebook分享按钮与计数？

Question

我正在尝试在我的网站上添加一个简单的紧凑fshare按钮。我发现的唯一代码就是这个：

<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>  
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

哪个应呈现为

但这不是正确的。它似乎正试图创建多个按钮并“崩溃”所有页面。它破坏了HTML，改变了整个div的背景等等......

为什么？这是正确的代码吗？

Answer 1

Facebook不再推荐使用分享按钮，而是应该使用“赞”按钮。以下是他们在website上所说的内容：

  

我们不建议使用“分享”按钮   对于新开发者。如果你不是   我们已经使用了Share按钮   建议您迁移到Like   而是按钮和Open Graph协议   分享从您的分享页面   网站。 Like按钮更简单   用户，是推荐的解决方案   前进。

使用like按钮，您可以使用javascript或iframe添加它，这样您就可以看到哪一个最适合您。详细了解类似按钮here。

Answer 2

http://sharethis.com提供了一个小部件，允许您为各种社交媒体网站添加按钮，包括带有计数的fb共享按钮。 （它有自己的样式和大小，因此您可能需要覆盖一些CSS，使其看起来像标准的FB共享。）http://blog.pixert.com/facebook-share-button/还有一个解决方案，但我无法得到它显示计数。

Answer 3

更改您的代码

 <a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/> 

到

<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'>Share</a>