Plugin Halaman

Dengan plugin Halaman, Anda dapat menyematkan dan mempromosikan Halaman Facebook yang bersifat publik secara mudah di situs web Anda. Sama seperti Facebook, pengunjung Anda dapat menyukai dan membagikan Halaman tanpa keluar dari situs Anda. Anda bisa menggunakan plugin Halaman untuk Halaman yang tidak dibatasi, misalnya berdasarkan negara atau usia.

Topik Terkait: Pertanyaan Umum Plugin Sosial | Plugin Sosial Lain

URL Halaman Facebook

Tab

Lebar

Tinggi

Gunakan Judul yang Lebih Kecil

Sesuaikan dengan lebar wadah plugin

Sembunyikan Foto Sampul

Tampilkan Wajah Teman

Dapatkan Kode

Pengaturan

Selain pengaturan di atas, Anda juga dapat mengubah berikut ini:

Pengaturan	Atribut HTML5	Deskripsi	Default
`href`	`data-href`	URL Halaman Facebook	Tidak Ada
`width`	`data-width`	Lebar piksel plugin. Min. `180` & Maks. `500`	`340`
`height`	`data-height`	Tinggi piksel plugin. Min. `70`	`500`
`tabs`	`data-tabs`	Tab untuk me-render, yakni `timeline`, `events`, `messages`. Gunakan daftar yang dipisahkan tanda koma untuk menambahkan tab, yakni `timeline, events`.	`timeline`
`hide_cover`	`data-hide-cover`	Sembunyikan foto sampul di header	`false`
`show_facepile`	`data-show-facepile`	Perlihatkan foto profil ketika teman menyukai ini	`true`
`hide_cta`	`data-hide-cta`	Sembunyikan tombol ajakan bertindak khusus (jika ada)	`false`
`small_header`	`data-small-header`	Gunakan header kecil	`false`
`adapt_container_width`	`data-adapt-container-width`	Coba sesuaikan di dalam lebar kontainer	`true`
`lazy`	`data-lazy`	`true` berarti menggunakan mekanisme pemuatan lazy-loading untuk browser dengan mengatur atribut iframe `loading="lazy"`. Efeknya adalah browser tidak me-render plugin jika tidak dekat dengan viewport dan mungkin tidak pernah terlihat. Dapat berupa salah satu dari `true` atau `false` (default).	`false`

Atribut yang Tidak Digunakan Lagi

Atribut data-show-posts sudah tidak digunakan lagi. Harap gunakan atribut tabs/data-tabs dan gunakan nilai timeline untuk menampilkan postingan dari linimasa Halaman.

Menambahkan Plugin Halaman ke Situs Web

Konfigurasi standar plugin Halaman hanya menyertakan header dan foto sampul. Ukuran ini ideal untuk mempromosikan Halaman Anda dalam ruang kecil, seperti bagian atas bilah sisi.

<div class="fb-page" 
data-href="https://www.facebook.com/facebook"
data-width="380" 
data-hide-cover="false"
data-show-facepile="false"></div>

Ajakan Bertindak

Jika halaman Anda memiliki tombol ajakan bertindak khusus, ini akan ditampilkan selain ajakan bertindak default yang mana adalah tombol Bagikan.

Jika lebar dari plugin kurang dari 280px, tombol Bagikan default akan ditampilkan untuk mencegah kesalahan penyejajaran desain dalam terjemahan yang berbeda.

Tab Halaman: Linimasa, Acara & Pesan

Sekarang Anda dapat memiliki tab linimasa, acara, dan pesan di plugin:

Tab Linimasa: Akan menampilkan kiriman terbaru dari linimasa Halaman Facebook Anda.
Tab Acara: Orang dapat mengikuti acara halaman Anda dan berlangganan acara dari plugin.
Tab Pesan: Orang dapat mengirim pesan ke halaman Anda secara langsung dari situs web Anda. Orang harus login untuk menggunakan fitur ini.

Mengaktifkan Berkirim Pesan di Halaman Anda

Untuk mengaktifkan berkirim pesan di Halaman Facebook, buka Settings Halaman Anda. Di baris Messages, centang Izinkan orang untuk menghubungi Halaman saya secara pribadi dengan menampilkan tombol Pesan (Tautan Langsung: https://www.facebook.com/{your-page-name}/settings/?tab=settings&section=messages&view).

Menambahkan Beberapa Tab

Gunakan daftar yang dipisahkan tanda koma di dalam atribut data-tabs untuk menambahkan beberapa tab:

<div class="fb-page" 
data-tabs="timeline,events,messages"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380" 
data-hide-cover="false"></div>

Tab Tunggal

Anda juga dapat menambahkan hanya satu tab untuk menampilkan timeline, events, atau messages:

<div class="fb-page" 
data-tabs="events"
data-href="https://www.facebook.com/YoloBookStore"
data-width="380"></div>

Lebar Adaptif

Plugin secara default akan menyesuaikan ke width kontainer induk saat memuat halaman (min. 180px / maks. 500px), berguna untuk mengubah tata letak:

<div style="width: 190px;">
<!-- Page plugin's width will be 190px -->
<div class="fb-page" data-href="{url}" data-width="420"></div>
</div>

Jika width elemen induk lebih besar dibandingkan width plugin Halaman, plugin akan mempertahankan nilai yang ditentukan di data-width:

<div style="width: 600px;">
<!-- Page plugin's width will be 500px -->
<div class="fb-page" data-href="{url}" data-width="500"></div>
</div>

Plugin tidak akan kurang dari 180px:

<div style="width: 100px;">
<!-- Page plugin's width will be 180px -->
<div class="fb-page" data-href="{url}" data-width="320"></div>
</div>

Lebar adaptif dapat dimatikan dengan menghapus centang Adaptasikan dengan lebar kontainer plugin dan plugin akan di-render pada lebar tertentu, berapa pun lebar kontainer induknya.

Tidak Ada Perubahan Ukuran Dinamis

Plugin Halaman berfungsi dengan tata letak yang responsif, fleksibel, dan statis. Anda dapat menggunakan kueri media atau metode lainnya untuk menetapkan width elemen induknya, namun:

Plugin tersebut akan menentukan width pada saat halaman dimuat
Plugin tersebut tidak akan menanggapi perubahan pada model kotaksetelah halaman dimuat.

Jika ingin menyesuaikan width plugin dengan perubahan jendela, Anda harus me-render plugin secara manual.

Memperlihatkan Wajah Teman

Perlihatkan orang yang menyukai Halaman Anda dengan foto profil orang sebenarnya dan bukan hanya angka. Orang yang mengunjungi Halaman Anda akan melihat jumlah teman yang menyukai Halaman serta foto profil mereka.

Opsi ini dapat diaktifkan dengan mencentang Show Friend's Faces pada konfigurator.

<div class="fb-page"
data-href="https://www.facebook.com/imdb" 
data-width="340"
data-hide-cover="false"
data-show-facepile="true"></div>

Halaman dengan Pembatasan Privasi

Halaman Facebook dengan pembatasan privasi tidak dapat disematkan.

Mengubah Bahasa

Anda dapat mengubah bahasa plugin Halaman dengan memuat Facebook SDK untuk JavaScript versi yang sudah dilokalkan. Ketika memuat SDK, ubah nilai js.src untuk menggunakan bahasa Anda. Ganti en_US dengan bahasa Anda, contoh: ru_RU untuk bahasa Rusia (Rusia):

Contoh

js.src = "https://connect.facebook.net/ru_RU/sdk.js#xfbml=1&amp;version=v2.5";

Lokale yang didukung tercantum di file XML Lokale Facebook. Anda mungkin harus menyesuaikan lebar Plugin Sosial untuk mengakomodasi berbagai bahasa. Anda dapat menemukan informasi selengkapnya di halaman Pelokalan & Terjemahan kami.