Pada dasarnya, script Facebook Recommendation Bar berbasis pada pengambilan (fetching) beberapa meta gunjingan di dalam blog/web; sehingga basic penggunaanya tergantung pada template dan susunan strukturnya. Penggunaan fitur ini ditujukan selaku alat rekomendasi posting/artikel sehabis pembaca postingan blog final membaca suatu artikel. Secara default, recommendation kafetaria akan terbuka secara otomatis dalam waktu dan posisi tertentu pada suatu halaman, berisi beberapa usulan posting (default 3 buah), dan juga suatu like button.
Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?
Tentu saja ada! Facebook Recommendation Bar sudah saya buktikan memperlihatkan laba yang sungguh banyak. Di antaranya merupakan meningkatkan jumlah pageview, meningkatkan traffic, meminimalisir LinkWithin Related Posts, Recent Posts Widgets, dan beberapa widget sejenisnya akan memperlihatkan imbas yang signifikan kepada traffic blog. Facebook Recommendation Bar memiliki keistimewaan memperlihatkan jumlah like pada suatu post, dan ini akan menjadi pesona tersendiri bagi pembaca blog untuk mengenali isi posting yang direkomendasikan.
Cara Menambahkan Widget Facebook Recommendation Bar
Widget ini melakukan pekerjaan menurut otorisasi aplikasi. Kemungkinan anda gagal menggunakannya merupakan sebab memakai App ID milik user lain yang tidak diotorisasi untuk domain tertentu. Oleh sebab itu, seharusnya memakai Facebook App yang dibentuk sendiri. So, langkah yang mesti ditangani dalam memasang widget ini adalah:
Langkah 1: Membuat Facebook Application
Note: Jika anda sudah memiliki aplikasi yang berhubungan atau digunakan di blog anda dan sudah terotorisasi, tinggalkan langkah ini. Langsung copy App ID yang tertera dan simpan apalagi dahulu.
1. Masuk ke halaman Facebook Apps (pastikan sudah login).
2. Klik Create New App.
3. Akan timbul pop up box, masukkan nama aplikasi (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
4. Masukkan instruksi captcha, klik submit.
5. Anda akan masuk ke halaman setting aplikasi. Lihat pada kepingan bawah, tepatnya pada "Website with Facebook Login". Klik, kemudian masukkan url blog. Jangan klik pilihan lainnya, sebab ini akan membuat kesalahan setting dan memang tidak perlu diaktifkan untuk jenis aplikasi ini. Lalu klik "Save Changes".
6. Setelah itu akan timbul gunjingan App Id dan App Secret. Copy angka-angkan pada App ID, simpan di wilayah yang aman. Berikut contohnya:
Langkah 2: Menginstall Facebook Recommendation Bar
1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian sehabis pop up box muncul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template apalagi dahulu.
Note: Bila perlu backup template apalagi dahulu.
3. Cari instruksi ini:
<html
Tujuannya merupakan 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, kalau anda sudah memakai xlmns:fb model usang sebelumnya, hapus dan ganti dengan yang diatas.
4. Kemudian cari <body>. Pada template-template Blogger model gres (simple, awesome, travel, dll), ada kemungkinan pelengkap script atau gunjingan di belakang body, jadi cukup cari saja dengan <body (tanpa penutup). Copy instruksi berikut tepat setelahnya/di bawahnya:
<div id='fb-root'/>
<script>
//Facebook Recommendation kafetaria - 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='https://ujianhidup10.blogspot.com/' trigger='50%'/></div>
</b:if></b:if>
Buat pergantian script di atas dengan isyarat berikut:
- Ganti 123456789012345 dengan App ID yang sebelumnya sudah dibuat.
- Ganti https://ujianhidup10.blogspot.com/ dengan url blog sobat.
5. Save template dan coba cek hasilnya.
Kostumisasi Tingkat Lanjut (Opsional)
Jika kawan ingin melakukan kostumisasi pada bagaimana Facebook Recommendation Bar ditampilkan, amati poin-poin berikut:
- max_age merupakan maksimum usia posting yang mau ditampilkan dalam rekomendasi, ubah nilai 0 menjadi optimal usia posting dalam hitungan hari, misalnya 100, memiliki arti optimal usia posting yang ditampilkan merupakan 100 hari. Nilai 0 merupakan default yang artinya tidak ada batas-batas usia posting.
- num_recommendations merupakan jumlah usulan dalam setiap tampilan/load, ubah nilai 3 untuk memperlihatkan jumlah posting yang diinginkan.
- read_time merupakan waktu yang diharapkan untuk load saat itu juga user/pembaca meraih titik scroll dimana widget timbul dan memperlihatkan isi rekomendasi. Saya sudah menyettingnya sampai sama dengan 10 detik, kalau ingin widget memperlihatkan lebih lama, tambah nilai 10.
- side merupakan di segi mana widget akan ditampilkan. Default settingan saya di atas adalah right dimana widget ditampilkan di segi kanan. Jika ingin ditampilkan di segi kiri, ubah menjadi left.
- trigger merupakan posisi permulaan dimana widget akan muncul. Setting di atas saya beri nilai 50% yang artinya widget akan timbul sehabis user/pembaca blog scroll sampai separuh halaman. Ubah nilainya kalau ingin widget timbul lebih ke atas atau ke bawah. Semakin besar nilai persentasenya, kian ke bawah.
- Script saya set untuk ditampilkan pada halaman posting dan statis (untuk halaman statis, tergantung template, kadang tidak ditampilkan), untuk memperlihatkan di semua halaman hapus tag b if conditional (semua yang berwarna pink). Untuk memperlihatkan di halaman-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger cuma di Halaman Tertentu.
Analisa Permasalahan Jika Widget Tidak Bekerja Sempurna
Kemungkinan permasalahan yang mau timbul merupakan gambar yang tidak sesuai, title yang salah dan sejenisnya. Beberapa template Blogger memiliki struktur yang tidak baik atau susunannya tidak tepat sehingga dikala fetcher mengambil informasi, dapat terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui duduk kendala demikian, gunakan meta:og pelengkap di dalam template blog anda. Simak bimbingan selengkapnya di Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook
Well, that's it and have a nice blogging!
© 2012- 'til drop! buka-rahasia.blogspot.com. All rights reserved.
