5

在这里，我正在使用 asp.net Web 应用程序，我在我的网页中使用了 2 个 facebook 插件。

  1. 脸书喜欢
  2. 脸书分享

脸书分享：

<a name="fb_share" type="button" share_url="*******"></a>
<script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
</script>

对于 Facebook 喜欢：

 <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>

<div id="fb-root"></div>            
<div class="fb-like" data-href="********" data-send="false" 
  data-layout="button_count" data-width="10" 
  data-show-faces="false" style="width:45px; height:20px;"></div>

案例 1. 当我使用单个代码时，上面的代码工作正常。

案例 2：当我同时使用 facebook 之类的插件时，它从页面上消失了。

提前致谢...

4

2 回答 2

0

share.php仅当您避免使用随附的 javascript 并使用直接链接（出于以下原因我不会提供）时，才可以在一个页面上使用“赞”按钮和“分享”按钮。

如果您使用http://static.ak.fbcdn.net/connect.php/js/FB.Share它将破坏分享或喜欢按钮，根据 javascript 包含的顺序，第一个将起作用，第二个有问题。

需要考虑的几点：

  • 分享按钮已弃用，请避免使用它！

    Share 按钮已被弃用，取而代之的是 Like 按钮，并且将不再受支持。

  • 使用Feed Dialog和JS-SDK可以轻松替换分享按钮，它们提供了对分享功能的更多控制：
    FB.ui({method: 'feed', link: document.location.href});

于 2012-06-20T12:26:41.560 回答
0

请尝试 XFBML 版本的like 按钮：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="http://ogp.me/ns/fb#">
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="language" content="de">
        <meta name="robots" content="index, follow">
    </head>
    <body>
        <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&appId=225116190942635";
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));</script>

        <a name="fb_share" type="button" share_url="http://www.google.com"></a>
        <script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript">
        </script>

        <!--<div class="fb-like" data-href="http://www.google.com" data-send="false" data-width="450" data-show-faces="false"></div>-->
        <fb:like href="http://www.google.com" send="false" width="450" show_faces="false"></fb:like>
    </body>
</html>
于 2012-06-20T13:26:17.400 回答