Mulai Cepat: Facebook SDK untuk JavaScript

Facebook SDK untuk JavaScript menyediakan set fungsi lengkap sisi klien yang:

  • Memungkinkan Anda untuk menggunakan Tombol Suka dan Plugin Sosial lainnya di situs Anda.
  • Memungkinkan Anda untuk menggunakan Facebook Login guna menurunkan penghalang bagi orang-orang untuk mendaftar di situs Anda.
  • Mempermudah memanggil Graph API Facebook.
  • Meluncurkan Dialog agar orang dapat melakukan berbagai tindakan seperti membagikan cerita.
  • Memfasilitasi komunikasi saat Anda membuat game atau tab aplikasi di Facebook.

Panduan Mulai Cepat ini akan menunjukkan kepada Anda cara menyiapkan SDK untuk melakukan beberapa panggilan Graph API dasar. Jika Anda belum ingin menyiapkan, Anda dapat menggunakan Konsol Uji JavaScript untuk menggunakan semua metode SDK, dan menjelajahi beberapa contoh (Anda dapat melewati langkah pengaturan, tetapi sisa panduan mulai cepat ini dapat diuji di konsol).

browser yang Didukung

SDK Facebook untuk JavaScript mendukung dua versi terbaru browser yang paling populer: Chrome, Firefox, Edge, Safari (termasuk iOS), dan Internet Explorer (hanya versi 11).

Pengaturan Dasar

Facebook SDK untuk JavaScript tidak memiliki file mandiri yang harus diunduh atau diinstal, namun Anda hanya perlu menyertakan bagian pendek JavaScript reguler di HTML Anda, yang secara asinkron akan memuat SDK ke dalam halaman Anda. Pemuatan asinkron berarti tidak memblokir pemuatan elemen lain dari halaman Anda.

Snippet kode berikut akan memberikan SDK versi dasar, dengan opsi diatur ke default yang paling umum. Anda harus memasukkannya langsung setelah tanda <body> pembuka di setiap halaman yang Anda ingin memuatnya:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      xfbml            : true,
      version          : 'v21.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

Kode ini akan memuat dan memulai SDK. Anda harus mengganti nilai di your-app-id dengan ID Aplikasi Facebook Anda sendiri. ID ini dapat ditemukan menggunakan Dasbor Aplikasi.