Question

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

Facebook赞
Facebook分享

对于facebook分享：

<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从页面上消失了。

提前致谢...

Answer 1

类似按钮和分享按钮只有在您避免使用随附的javascript时才能在一个页面上使用，并使用指向share.php的直接链接（由于下面列出的原因我不会提供）。

如果你使用http://static.ak.fbcdn.net/connect.php/js/FB.Share，它会破坏Share或Like按钮，根据javascript包含的顺序，第一个会起作用，第二个会遇到麻烦。

要考虑的几点：

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

“赞成”按钮已被弃用，支持“喜欢”按钮，不再受支持。
可以使用Feed Dialog和JS-SDK轻松替换分享按钮，这样可以更好地控制共享功能：
FB.ui({method: 'feed', link: document.location.href});

Answer 2

请尝试类似按钮的XFBML版本：

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

fb-like有时间用fb-share插件消失了？

2 个答案: