Facebook共享按钮与Facebook JSSDK冲突。如何解决？

Question

我似乎不能让两个脚本都工作。我正在使用jssdk和fb.share获得facebook like box加上facebook share按钮。但它们并不能协同工作。知道为什么吗？如何解决这个问题？

我在标题中有这样的内容：

<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.share代码：

    <div class="shr-fb">
        <a name="fb_share"></a>
        <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
    </div>

他们互相冲突，我不知道如何解决这种情况。

谢谢。

Answer 1

合乎道理。facebook共享已弃用，不再受支持，您可以在文档中读到：

共享按钮已被弃用，取而代之的是Like按钮，并且将不再受支持。请尽可能使用Like按钮，以最大限度地提高您的应用程序的流量。

(参考：http://developers.facebook.com/docs/share/)

和：

旧的“共享”按钮怎么了？

当我们启动Like按钮时，我们不推荐使用Share按钮，因为Like按钮可以提高点击率，让用户只需单击一次即可连接，并允许他们查看哪些朋友已经连接。

(参考：http://developers.facebook.com/docs/reference/plugins/like/)

相反，使用Like button，您就不会遇到冲突。

Answer 2

同时，你仍然可以使用FaceBook的JSSDK Api和html代码片段来组合Like和Share按钮；

<div class="fb-like" data-share="true" data-width="450" data-show-faces="true">
</div>

它将根据需要显示Like和Share按钮。