Facebook memang nggak ada habisnya, sebagai Jejaring Sosial yang kini sangat populer tentunya didukung pula dengan beberapa fitur yang terintegrasi. Setelah sebelumnya saya bahas mengenai Pasang Facebook Like Button dan Facebook Connect Codeignter kini saya akan coba memberikan gambaran secara umum mengenai salah satu plugin facebook yakni Facebook Comment Box.

Facebook Comment Box bisa kita gunakan untuk web/blog tentunya sesuai dengan nama pluginnya untuk memberikan komentar. Implementasinya tidak terbatas, kita bisa gunakan untuk Komentar Halaman Web, Posting, Gallery dan konten-konten lainnya. Pengunjung bisa memberikan komentarnya menggunakan account facebook mereka dan bisa dishare juga di wall profile facebooknya.

Langkahnya sangat simple, saya coba bahas secara umum ya :)

Generate Code

Kode bisa diperoleh di http://developers.facebook.com/docs/reference/plugins/comments yang harus diperhatikan disini adalah:

• Unique ID = ID untuk comment box, dibuat unik untuk tiap halaman, posting atau konten yang akan dipasang comment box
• Number of Comments =  Jumlah Komentar yang akan ditampilkan, diisi 0 apabila komentar ingin disembunyikan
• Width = ukuran lebar plugin dalam pixel

Kode yang diperoleh kurang lebih seperti dibawah ini:

<fb:comments xid="id-komentar" width="450"></fb:comments>

Dikarenakan plugin ini menggunakan XFBML (Facebook Markup Language), maka diperlukan JavaScript SDK untuk mengakses API yang bisa kita peroleh di http://developers.facebook.com/docs/reference/javascript/

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: 'your app id', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

Register Application

Hal ini pernah dibahas dalam tulisan sebelumnya (Facebook Connect Codeignter) dan yang diperlukan adalah APP ID (ID Aplikasi) yang kita buat untuk domain kita. App ID tersebut dimasukan dalam kode javascript diatas, ganti tulisan 'your app id' dengan App ID anda.

Kode lengkap yang dipasang kurang lebih seperti ini:

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({appId: '123456789', status: true, cookie: true,
             xfbml: true});
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());
</script>

<fb:comments xid="id-komentar" width="570"></fb:comments>

Kurang lebih implementasinya seperti dibawah ini, saat ni saya baru gunakan untuk gallery saja:

Sampai disini, plugin Facebook Comment sudah bisa anda gunakan :) selamat mencoba ..

• Terbaru
• Terpopuler
• Kategori

• Subscribe
• Download
• Blogroll