Menampilkan Facebook Fan Page Pada Website

Posted at November 30, 2011 by Heri Setiawan on category tips n tricks

Facebook like box tifatul sembiring

Menambahkan fans page ato sering disebut juga like-box pada website sangat bermanfaat untuk menambah interaksi antara pemilik blog dengan pengunjungnya. Disamping itu juga ada manfaat yang lebih penting bagi para webmaster yang bergerak atau mempunyai motif bisnis. Integrasi Fans page Facebook dengan website anda akan berdampak pada peningkatan trafik baik dari Facebook sendiri maupun dari search engine.

Seseorang ketika menyukai website anda maka secara otomatis akan muncul di wall-nya, bahkan kadang ia share alamat website pada wall. Hal ini akan meningkatkan visibilitas website kita dimana orang dalam jaringan pertemanan Facebook akan melihatnya.

Memanfaatkan sifat narsis para pengguna Facebook menjadi salah satu faktor utama dari web promosi model ini. Seperti anda lihat pada gambar diatas, ketika seseorang klik “suka” atau “like” maka profile picturenya akan muncul pada like-box secara acak. Inilah kelebihan dari like-box.

Untuk menampilkan like-box, silakan anda copy kode like-box berikut:

<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/id_ID/sdk.js#xfbml=1&appId=231379626882193&version=v2.0”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>


<div class=”fb-like-box” data-href=”https://www.facebook.com/pages/Heri-Setiawan/128558337255630″ data-width=”290″ data-height=”270″ data-colorscheme=”light” data-show-faces=”true” data-header=”true” data-stream=”false” data-show-border=”true”></div>

Keterangan kode:

  • http://www.facebook.com/pages/Heri-Setiawan/128558337255630 : halaman page saya, silakan ganti dengan halaman yang ingin anda tampilkan
  • width dan height : untuk mengatur ukuran dimensi/ukuran kotak
  • data-colorschemeshow_faces , stream dan header : untuk mengatur tampilan like-box, hanya ada dua pilihan, true atau false

Berikut hasil penggunaan script untuk ukuran 500 x 180:

Silakan kunjungi halaman ini untuk membuat Facebook fanpage dengan lebih mudah 🙂

https://developers.facebook.com/docs/plugins/like-box-for-pages?locale=id_ID




Tulisan terkait Menampilkan Facebook Fan Page Pada Website