Facebook的Opengraph定制FB登录按钮

问题描述：

我使用Facebook的开放图谱，新的API，我可以做到这一点：Facebook的Opengraph定制FB登录按钮

<fb:login-button show-faces="true" max-rows="9" perms="email" autologoutlink="true" onlogin="window.location = 'http://www.example.com/facebook/facebook_test/'"></fb:login-button>

，但是当我阅读文档，如果我需要在http://developers.facebook.com/docs/reference/javascript/FB.login更多的选择说我可以到：

FB.login(function(response) { 
    if (response.session) { 
    if (response.perms) { 
     // user is logged in and granted some permissions. 
     // perms is a comma separated list of granted permissions 
    } else { 
     // user is logged in, but did not grant any permissions 
    } 
    } else { 
    // user is not logged in 
    } 
}, {perms:'read_stream,publish_stream,offline_access'});

，但如果我需要FB按钮另一幅图像，如果我需要另一个东西，我无法找到如何做到这一点，在什么样的HTML的一部分，我可以打电话的FB.login，是标签之间“脚本'？

答

您需要为此使用Javascript SDK。只需将FB.login包装到某个函数中，然后在需要的地方调用它。例如，如果你想在图片上打电话，请点击：

<html> 
    <head> 
    </head> 
    <body> 
     <div id="fb-root"></div> 
     <script> 
      //initializing API 
      window.fbAsyncInit = function() { 
      FB.init({appId: 'your app id', status: true, cookie: true, 
        xfbml: true}); 
      }; 
      (function() { 
      var e = document.createElement('script'); e.async = true; 
      e.src = document.location.protocol + 
       '//connect.facebook.net/en_US/all.js'; 
      document.getElementById('fb-root').appendChild(e); 
      }()); 
     </script> 

     <!-- custom login button --> 
     <a href="#" onclick="fblogin();return false;"><img src="images/my_login.png"></a> 


     <script> 
      //your fb login function 
      function fblogin() { 
      FB.login(function(response) { 
       //... 
      }, {scope:'read_stream,publish_stream,offline_access'}); 
      } 
     </script> 

    </body> 
</html>

请注意，从今天开始，您需要启用OAuth2.0，FB将禁用此类登录。欲了解更多信息，请访问[此Facebook博客文章]（https://developers.facebook.com/blog/post/525/） – 2011-11-01 05:04:38

@RezaSanaie是正确的。以上代码已过时。 – Raptor 2012-03-31 10:38:48

上面的代码不是过时的，如果你想避免fb：登录按钮 – 2013-05-15 17:19:16

Facebook的Opengraph定制FB登录按钮

相关推荐