Baca panduan singkat kami untuk mempelajari cara memuat dan menginisialisasi Facebook SDK untuk JavaScript. Panduan singkat ini akan menggunakan default umum untuk berbagai opsi yang tersedia saat menginisialisasi SDK. Meski begitu, Anda dapat menyesuaikan beberapa opsi ini.
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).
Dalam snippet pengaturan dasar, versi en_US
SDK diinisialisasi. Artinya, semua tombol dan plugin yang dihasilkan Facebook yang digunakan di situs Anda akan menggunakan bahasa Inggris AS. (Namun, dialog pop-up yang dihasilkan oleh Facebook seperti Dialog Login akan menggunakan bahasa yang telah dipilih orang tersebut di Facebook, meski berbeda dengan yang Anda pilih.) Anda bisa mengubah bahasa ini dengan mengubah nilai src
di snippet. Lihat Pelokalan untuk mengetahui beragam bahasa yang dapat digunakan. Misalnya, jika situs Anda dalam bahasa Spanyol, penggunaan kode berikut untuk memuat SDK akan menyebabkan semua Plugin Sosial menggunakan bahasa Spanyol.
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/es_LA/sdk.js"></script>
Jika Anda mengatur status
ke true
di panggilan FB.init()
, SDK akan berupaya mendapatkan info tentang pengguna saat ini sesaat setelah inisialisasi. Langkah ini dapat mengurangi waktu pemeriksaan status pengguna yang login jika Anda menggunakan Facebook Login, tetapi tidak bermanfaat untuk halaman yang hanya memiliki plugin sosial di dalamnya.
Anda dapat menggunakan FB.getLoginStatus
untuk mendapatkan status login orang. Baca untuk informasi selengkapnya tentang cara menggunakan Facebook Login dengan JavaScript SDK.
Jika xfbml
diatur ke true
, SDK akan melakukan parsing DOM halaman Anda untuk menemukan dan menginisialisasi plugin sosial yang sudah ditambahkan menggunakan XFBML. Jika Anda tidak menggunakan plugin sosial di halaman tersebut, waktu pemuatan halaman akan lebih cepat jika Anda mengatur xfbml
ke false
. Anda dapat menemukan informasi selengkapnya tentang hal ini dengan melihat Plugin Sosial.
Fungsi yang ditetapkan ke window.fbAsyncInit
dijalankan begitu SDK selesai dimuat. Semua kode yang ingin Anda jalankan setelah SDK dimuat harus ditempatkan dalam fungsi ini dan setelah panggilan ke FB.init
. Semua jenis JavaScript dapat digunakan di sini, tetapi fungsi SDK harus dipanggil setelah FB.init
.
Untuk meningkatkan kinerja, JavaScript SDK dimuat ringkas. Anda juga dapat memuat versi debug JavaScript SDK yang memuat lebih banyak logging dan pemeriksaan argumen yang lebih ketat serta tidak diringkas. Untuk melakukannya, ubah nilai src
dalam kode pemuatan Anda menjadi seperti berikut:
src="https://connect.facebook.net/en_US/sdk/debug.js"
Versi debug ini sebaiknya tidak digunakan dalam lingkungan produksi, karena payloadnya lebih besar dan menurunkan kinerja halaman.
Dokumen referensi untuk fungsi FB.init
memberikan daftar lengkap opsi inisialisasi yang tersedia.