logo标签列表

Facebook点赞按钮有时会在使用Facebook分享插件后消失？

asp.netfacebookfacebook-likefacebook-c#-sdk
5

我正在使用asp.net web应用程序，我在我的网页中使用了2个Facebook插件。

  1. Facebook点赞
  2. 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点赞插件时，有时会从页面中消失。

提前致谢。

我认为在这个页面http://developers.facebook.com/docs/reference/plugins/like/上很清楚，点赞按钮取代了（旧的）分享按钮。 - Aristos
你尝试过使用 like 按钮的 fbml 版本吗？ - borisdiakur
2个回答
0
请尝试使用 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>
0

如果您避免使用其中提供的JavaScript并直接链接到share.php（由于下面的原因，我不会提供），则“喜欢”按钮和“分享”按钮只能在一个页面上使用。

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

需要考虑以下几点：

  • 请避免使用“分享”按钮，因为它已被弃用！

为了取代“分享”按钮，可以轻松地使用Feed Dialog和JS-SDK，这些工具提供了更多控制共享功能的选项：
FB.ui({method: 'feed', link: document.location.href});

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接