2010-09-13 2 views
8

Я использую facebook открытый график, новый API, и я могу это сделать:Facebook Opengraph настроить кнопку фб Войти

<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'}); 

, но если мне нужно другое изображение для кнопки фб, и если мне нужно еще вещи, я не могу найти, как сделать это, в какой части HTML я могу назвать FB.login, находится между тегами ' скрипт?

ответ

30

Для этого вам необходимо использовать 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> 
+5

Обратите внимание, что начиная с сегодняшнего дня вам необходимо включить OAuth2.0, FB отключит этот тип входа. Для получения дополнительной информации посетите [This Blog Blog Post] (https://developers.facebook.com/blog/post/525/) –

+0

@RezaSanaie верна. Вышеприведенные коды устарели. – Raptor

+0

Вышеприведенный код не устарел и отлично работает, если вы хотите избежать fb: login-button –

Смежные вопросы