2010-09-13 14 views
8
Ben facebook açık grafiğini yeni api kullanıyorum ve ben bunu yapabilirsiniz

:Facebook Opengraph özelleştirmek fb giriş butonu

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

ama doc okurken ben http://developers.facebook.com/docs/reference/javascript/FB.login daha fazla seçenek gerekiyorsa elimden diyor ki: i fb düğme için başka bir görüntü gerekir ve ben başka şeyler gerekiyorsa, ben FB.login çağırabilir mi ait html hangi bölümünün de, ne kadar bulamazsa

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

ama, 'etiketleri arasında olduğu senaryo'?

cevap

30

Bunun için Javascript SDK kullanmanız gerekir. Sadece FB.login'u bir işleve sarın ve istediğiniz yere arayın. Örneğin, görüntü üzerine çağırmak isterseniz, şu bağlantıyı tıklayın:

<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

Lütfen bugün başlamanızın OAuth2.0'ı etkinleştirmeniz gerektiğini unutmayın, FB bu tür girişleri devre dışı bırakıyor. Daha fazla bilgi için [This Facebook Blog Post] adresini ziyaret edin (https://developers.facebook.com/blog/post/525/) –

+0

@RezaSanaie doğrudur. Yukarıdaki kodlar güncel değil. – Raptor

+0

Yukarıdaki kod güncel değil ve fb'den kaçınmak istiyorsanız mükemmel bir şekilde çalışıyor: login-button –