Cara Memasang Facebook Comment Box di Blogger - Kotak Komentar
Kotak komentar Facebook adalah kotak komentar terbaik untuk blog. Dengan menggunakan kotak komentar facebook pengunjung bisa menambah komentar pada artikel di blog anda dengan mudah. Beberapa orang yang login di facebook,mereka bisa berkomentar dengan mudahnya.
Karena banyaknya pengguna facebook tentunya facebook juga memiliki banyak fitur salah satunya yaitu facebook comment box. Hampir seluruh orang yang mengenal dan menggunakan internet mengenal facebook hal inilah yang menambahkan nilai lebih,rata-rata pengunjung malas untuk berkomentar jika kesulitan dalam berkomentar.
Namun dengan facebook masalah tersebut bisa teratasi.Dalam tutorial ini saya akan menunjukkannya, bagaimana cara menambahkan kotak komentar facebook versi terbaru di blogspot. Kotak komentar fecebook versi terbaru ini terlihat mengagumkan. Pengembang Facebook memperbarui API baru mereka dari versi sebelumnya ke versi baru v2.3.
Namun dengan facebook masalah tersebut bisa teratasi.Dalam tutorial ini saya akan menunjukkannya, bagaimana cara menambahkan kotak komentar facebook versi terbaru di blogspot. Kotak komentar fecebook versi terbaru ini terlihat mengagumkan. Pengembang Facebook memperbarui API baru mereka dari versi sebelumnya ke versi baru v2.3.
Keuntungan Memasang Kotak Komentar Facebook
Pengunjung bisa berkomentar dengan mudahnya jika sebelumnya mereka sudah login ke facebook. Kotak komentar versi facebook terbaru terlihat lebih indah dari versi sebelumnya. Pertama-tama, dalam tutorial ini kita berbicara tentang fasilitas dari kotak komentar Facebook.
Kita semua tahu bahwa Facebook adalah situs jejaring sosial terpopuler di dunia. Mereka selalu merilis fitur baru untuk melayani masyarakat dan untuk menangkap pengunjung lebih banyak di Facebook.
Kita semua tahu bahwa Facebook adalah situs jejaring sosial terpopuler di dunia. Mereka selalu merilis fitur baru untuk melayani masyarakat dan untuk menangkap pengunjung lebih banyak di Facebook.
Jadi kotak komentar Facebook adalah salah satu fitur terpopuler facebook. Ketika beberapa orang menyukai dan membalas komentar mereka. Pemberitahuan muncul ke pengguna. Dan juga menyediakan beberapa fitur komentar.
Kerugian Memasang Kotak Komentar Facebook
Kerugian utama dari kotak komentar Facebook di blogger adalah bahwa spider Google tidak pernah merayapi komentar Facebook sebagai komentar blog, jadi komentar ini tidak bisa berguna dalam pandangan optimasi. Sehingga kotak komentar facebook ini tidak akan meningkatkan nilai SEO blog anda namun juga tidak akan menurunkan nilai SEO blog anda.
Cara Memasang Kotak Komentar Facebook
Langkah 1
Silakan masuk ke blogger ,pilih Template → Edit HTML. Cari kode <head> dan letakkan kode berikut dibawah kode <head>
<meta expr:content='data:blog.url' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<meta content='website' property='og:type'/></b:if></b:if></b:if>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
</b:if>
<meta content=’YOUR_APP_ID ‘ property=’fb:app_id’/>
<meta content=’http://www.facebook.com/username‘ property=’fb:admins’/>
<meta content=’article’ property=’og:type’/>
- Ganti kode yang berwarna merah dengan ID aplikasi facebook sobat,bisa anda buat disini https://developers.facebook.com/apps/?action=create
- Ganti kode yang berwarna kuning dengan url facebook admin/anda
Langkah 2
Salin kode berikut lalu letakkan diatas kode </body>
<div id='fb-root'/>
<script type='text/javascript'>
//<![CDATA[
window.fbAsyncInit = function() {
FB.init({
appId : 'YOUR-FB-APP-ID',
status : true, // check login status
cookie : true, // enable cookies
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
//]]>
</script>Ganti kode yang berwarna merah dengan ID aplikasi facebook yang telah anda buat
Langkah 3
Silakan salin kode berikut dan letakkan dimana facebook comment box ingin dimunculkan,jika ingin diletakkan dibawah artikel maka letakkan dibawah kode </article>
<b:if cond='data:post.isFirstPost'>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<div id='fb-root'/>
<script>(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<div style='margin: 20px 0 0 0;background:white;border:1px solid silver;'><fb:comments colorscheme='light' data-version='v2.3' expr:href='data:post.canonicalUrl' expr:title='data:post.title' expr:xid='data:post.id' width='100%'/></div>
</b:if>
<div class='clear'/>lalu simpan template
Sekarang coba buka blog sobat dan cek apakah facebook comment box sudah muncul di blog anda. Jika sudah maka kita akhiri artikel ini jika belum silakan tanyakan di kolom komentar dibawah. Cukup sekian tutorial yang bisa saya bagikan semoga bermanfaat.
Sebenar nya bagusan kolom komen dari blog apa kolom komen dari facebook gan ?
ReplyDeleteBagusan dari blog gan karena berpengaruh terhadap SERP
DeleteBagusan pake disqus atau ini ya gan?
ReplyDeleteDisqus jg pake fb kan..
Disqus berat menurut saya dan juga ribet kalau mau komen,sedangkan facebook lebih cepat namun tidak selengkap disqus
Deletegak ada nya gan.
ReplyDeletegimana ya ?
ane pakek kolom komen yang dari G+, selain kegunaan macam agan blang tadi juga lebih simple.
ReplyDelete