Facebook JavaScript SDK

ﾑ刀丂 ﾒ

contoh cara nge-load js dengan async

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
// disini entar buat nyimpen code-code buntut // 
  };
  (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>

Semua code yang mau kita run setelah SDK selesai di load, harus ada di dalam function window.fbAsyncInit dan di simpen setelah pemanggilan FB.init()

Misal Contoh:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '121401851252490', status: true, cookie: true,
             xfbml: true});

    FB.api('/me', function(response) {
      if(response.name){alert('name lo '+response.name+' ya?')};
    });
  };

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

Dengan kode diatas kita udah bisa ngedeteksi nama user temasuk info-info standar user

Graph API

FB.ui

JavaScript SDK

Mesti Login dulu kayanya..

Ganti FB.init({appId: '121401851252490' pake ID aplikasi elo,
Jangan lupa setting Site URL di settingan Aplikasi ke alamat Blog kita.
(udah pernah di bahas diCara Ngawinin Pesbuk Sama Blogger)