如何创建FB登录按钮

时间:2011-07-06 07:00:13

标签: facebook button connect

我们如何创建一个链接来启动FB连接过程而不使用其内置按钮形式之一<fb:login-button ></fb:login-button>

1 个答案:

答案 0 :(得分:4)

只需将onclick事件添加到任何自定义按钮,并让它在其javascript sdk中调用FB.login事件。

完整示例:

<!DOCTYPE html>
<html>
<body>
<div id="fb-root"></div>
<a href="#" onclick="doLogin();return false;">Custom Login Button</a>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  FB.init({ appId: '**yourAppId**', status: true, cookie: true, xfbml : true });

  function doLogin() {  
    FB.login(function(response) {
      if (response.session) {
        FB.api('/me',  function(response) {
            alert('Welcome ' + response.name);
            alert('Full details: ' + JSON.stringify(response));
          }
        );
      }
    } , {perms:''}); 
}
</script>
</body>
</html>
相关问题