Cara Memasang Facebook Recommendation Bar Di Blogger
Pada dasarnya, script Facebook Recommendation Bar berbasis pada pengambilan (fetching) beberapa meta informasi di dalam blog/web; sehingga basic penggunaanya tergantung pada template dan susunan strukturnya. Penggunaan fitur ini ditujukan sebagai alat rekomendasi posting/artikel setelah pembaca artikel blog selesai membaca sebuah artikel. Secara default, recommendation bar akan terbuka secara otomatis dalam waktu dan posisi tertentu pada sebuah halaman, berisi beberapa rekomendasi posting (default 3 buah), dan juga sebuah like button.
Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?
Tentu saja ada! Facebook Recommendation Bar telah saya buktikan memberikan keuntungan yang sangat banyak. Di antaranya adalah meningkatkan jumlah pageview, meningkatkan traffic, mengurangi LinkWithin Related Posts, Recent Posts Widgets, dan beberapa widget sejenisnya akan menyampaikan imbas yang signifikan terhadap traffic blog. Facebook Recommendation Bar mempunyai keunggulan menampilkan jumlah like pada sebuah post, dan ini akan menjadi daya tarik tersendiri bagi pembaca blog untuk mengetahui isi posting yang direkomendasikan.
Cara Menambahkan Widget Facebook Recommendation Bar
Widget ini bekerja berdasarkan otorisasi aplikasi. Kemungkinan anda gagal menggunakannya ialah sebab yakni menggunakan App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh alasannya itu, sebaiknya menggunakan Facebook App yang dibuat sendiri. So, langkah yang harus dilakukan dalam memasang widget ini yakni:
Langkah 1: Membuat Facebook Application
Note: Jika anda sudah mempunyai aplikasi yang berkaitan atau dipakai di blog anda dan telah terotorisasi, lewati langkah ini. Langsung copy App ID yang tertera dan simpan terlebih dahulu.
1. Masuk ke halaman Facebook Apps (pastikan sudah login).
2. Klik Create New App.
3. Akan muncul pop up box, masukkan nama aplikasi (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
4. Masukkan kode captcha, klik submit.
5. Anda akan masuk ke halaman setting aplikasi. Lihat pada cuilan bawah, tepatnya pada "Website with Facebook Login". Klik, kemudian masukkan url blog. Jangan klik opsi lainnya, lantaran ini akan menjadikan kesalahan setting dan memang tidak perlu diaktifkan untuk jenis aplikasi ini. Lalu klik "Save Changes".
6. Setelah itu akan muncul berita App Id dan App Secret. Copy angka-angkan pada App ID, simpan di kawasan yang kondusif. Berikut contohnya:
Langkah 2: Menginstall Facebook Recommendation Bar
1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian setelah pop up box muncul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template terlebih dahulu.
Note: Bila perlu backup template terlebih dahulu.
3. Cari isyarat ini:
<html
Tujuannya adalah untuk memasukkan xlmns Facebook yang berfungsi sebagai fetcher, masukkan xmlns:fb='http://ogp.me/ns/fb#' tepat setelahnya.
<html xmlns:fb='http://ogp.me/ns/fb#'
Oh ya, bila anda telah menggunakan xlmns:fb versi usang sebelumnya, hapus dan ganti dengan yang diatas.
4. Kemudian cari <body>. Pada template-template Blogger versi baru (simple, awesome, travel, dll), ada kemungkinan tambahan script atau informasi di belakang body, jadi cukup cari saja dengan <body (tanpa penutup). Copy arahan berikut tepat setelahnya/di bawahnya:
<div id='fb-root'/>
<script>
//Facebook Recommendation bar - buka-rahasia.blogspot.com
//<![CDATA[
(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=123456789012345";
fjs.parentNode.insertBefore(js, fjs);
(document, 'script', 'facebook-jssdk'));
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'><b:if cond='data:blog.pageType != "static_page"'><div style='z-index:999999; position:absolute;'>
<fb:recommendations-bar action='like' max_age='0' num_recommendations='3' read_time='10' side='right' site='http://buka-rahasia.blogspot.com' trigger='50%'/></div>
</b:if></b:if>
Buat perubahan script di atas dengan petunjuk berikut:
- Ganti 123456789012345 dengan App ID yang sebelumnya telah dibuat.
- Ganti http://buka-membisu-diam.blogspot.com dengan url blog sobat.
5. Save template dan coba cek kesannya.
Kostumisasi Tingkat Lanjut (Opsional)
Jika sobat ingin melaksanakan kostumisasi pada bagaimana Facebook Recommendation Bar ditampilkan, perhatikan poin-poin berikut:
- max_age adalah maksimum usia posting yang akan ditampilkan dalam rekomendasi, ubah nilai 0 menjadi maksimal usia posting dalam hitungan hari, misalnya 100, berarti maksimal usia posting yang ditampilkan yakni 100 hari. Nilai 0 ialah default yang artinya tidak ada batasan usia posting.
- num_recommendations adalah jumlah rekomendasi dalam setiap tampilan/load, ubah nilai 3 untuk menampilkan jumlah posting yang diinginkan.
- read_time adalah waktu yang dibutuhkan untuk load seketika user/pembaca mencapai titik scroll dimana widget muncul dan menampilkan isi rekomendasi. Saya telah menyettingnya hingga sama dengan 10 detik, jika ingin widget menampilkan lebih lama, tambah nilai 10.
- side adalah di sisi mana widget akan ditampilkan. Default settingan saya di atas adalah right dimana widget ditampilkan di sisi kanan. Jika ingin ditampilkan di sisi kiri, ubah menjadi left.
- trigger adalah posisi awal dimana widget akan muncul. Setting di atas saya beri nilai 50% yang artinya widget akan muncul sehabis user/pembaca blog scroll sampai separuh halaman. Ubah nilainya bila ingin widget muncul lebih ke atas atau ke bawah. Semakin besar nilai persentasenya, semakin ke bawah.
- Script saya set untuk ditampilkan pada halaman posting dan statis (untuk halaman statis, tergantung template, kadang tidak ditampilkan), untuk menampilkan di semua halaman hapus tag b if conditional (semua yang berwarna pink). Untuk menampilkan di halaman-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger hanya di Halaman Tertentu.
Analisa Permasalahan Jika Widget Tidak Bekerja Sempurna
Kemungkinan permasalahan yang akan muncul adalah gambar yang tidak sesuai, title yang salah dan sejenisnya. Beberapa template Blogger memiliki struktur yang tidak baik atau susunannya tidak sempurna sehingga ketika fetcher mengambil informasi, bisa terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui masalah demikian, gunakan meta:og tambahan di dalam template blog anda. Simak tutorial selengkapnya di Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook
Well, that's it and have a nice blogging!
© 2012- 'til drop! buka-belakang layar.blogspot.com. All rights reserved.
Belum ada Komentar untuk "Cara Memasang Facebook Recommendation Bar Di Blogger"
Posting Komentar