Tips dan Tutorial Menambahkan Facebook Comments ke Halaman Website Wordpress

Posted by : Unknown Tuesday, February 25, 2014

Halo, ane mau sharing lagi nih. Semakin berkembangnya teknologi yang terintegrasi ternyata berimbas juga pada komentar pada blog. Contohnya adalah penggunaan komentar facebook untuk mengomentari halaman posting pada suatu blog. Selain sang penulis dapat tahu siapa yang mengomentari postingan, para komentator pun juga bisa melihat siapa saja yang sudah pernah mengomentari postingan tersebut.

Berikut adalah langkah-langkahnya :

Part 1 Installation

Download plugin langsung dari halaman Plugin di wordpress.
Atau kamu bisa juga upload file hasil download tersebut, lalu masukkan ke folder wp-admin/plugins
Setelah itu kembali ke halaman Plugin dan aktifkan plugin comment facebook
Ikuti seluruh proses setting yang dibutuhkan
Klik update.

Part 2 Setup

Well, pertama-tama setelah kamu udah install pluginnya,

Buat disini, aplikasi untuk menghandle komentar untuk website wordpress kamu. Beri nama sesuai dengan keinginan kamu, seperti Aplikasi Komentar Website Saya.

Halaman Buat Aplikasi Baru (Sumber : http://developers.facebook.com/)

Klik setting, masukkan domain website yang akan menggunakan facebook comments plugins. Tekan Save Changes.

Halaman Seting Aplikasi (Sumber : http://developers.facebook.com/)

Part 3 Support

Ada beberapa isu jika tampilan komentar tidak muncul. Hal ini bisa disebabkan karena theme yang tidak sesuai, untuk mengatasi hal tersebut Anda harus memastikan halaman wordpressnya telah meload element Facebook. Berikut adalah beberapa bagian yang harus Anda cek :

Protocol Facebook Namespace

Terletak di tag <html> sebagai berikut :

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://ogp.me/ns/fb#">

Facebook Meta ID

Terletak pada bagian meta di dalam tag <head></head>

<meta property="fb:app_id" content="ID_APLIKASI_KAMU"/>

Facebook Javascript SDK

Pada plugin, kode dibawah dimasukkan sebelum tag </body>.

<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/en_US/all.js#xfbml=1&appId=ID_APLIKASI_KAMU";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>ent.getElementById('fb-root').appendChild(e);
}());
</script>

Terima kasih telah membaca tips dan tutorial ini. Sampai bertemu lagi di tutorial selanjutnya.

Sumber