Plugin Halaman

Dengan Plugin Halaman, Anda dapat menyematkan dan mempromosikan Halaman Facebook secara mudah di situs web Anda. Sama seperti Facebook, pengunjung Anda dapat menyukai dan membagikan Halaman tanpa keluar dari situs Anda.

Pengaturan

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

Pengaturan Atribut HTML5 Keterangan 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 merender mis. timeline, events, messages. Gunakan daftar yang dipisahkan tanda koma untuk menambahkan tab, mis. 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 tersedia)

false

small_header

data-small-header

Gunakan header kecil

false

adapt_container_width

data-adapt-container-width

Coba sesuaikan di dalam lebar bidang

true


Atribut yang Tidak Digunakan Lagi

  • Atribut data-show-posts sudah tidak digunakan lagi. Harap gunakan tabs/data-tabs dan gunakan timeline untuk menampilkan kiriman dari kronologi 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: Kronologi, Acara & Pesan

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

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

Mengaktifkan Pengiriman Pesan di Halaman Anda

Untuk mengaktifkan pengiriman 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 lebar width bidang utamanya 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 utama 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 bidang plugin dan plugin akan dirender pada lebar tertentu, berapa pun bidang utamanya.

Tidak Ada Perubahan Ukuran Dinamis

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

  • Plugin tersebut akan menentukan width pada saat halaman dimuat
  • Plugin tersebut tidak akan menanggapi perubahan pada model kotak setelah halaman dimuat.

Jika ingin menyesuaikan width plugin dengan perubahan jendela, Anda harus merender 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.

Menyesuaikan Bahasa

Anda dapat menyesuaikan bahasa plugin Halaman dengan memuat SDK JavaScript Facebook versi yang sudah dilokalkan. Ketika memuat SDK, sesuaikan nilai js.src untuk menggunakan lokale Anda: Cukup ganti en_US dengan bahasa Anda, mis. ru_RU untuk bahasa Rusia (Rusia):

Contoh
js.src = "//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 menampung bahasa yang berbeda. Anda dapat menemukan informasi selengkapnya di halaman Pelokalan & Terjemahan kami.