Cara Memasang Facebook Recommendation Bar di Blogger

Akhir 2011 lalu Facebook mengumumkan akan menambahkan fitur baru yaitu "Facebook Recommendation Bar". Akhir Juni 2012 lalu, fitur ini kemudian dirilis dalam bentuk beta. Saya sudah pernah mencobanya, tetapi karena terlalu berat, serta terlalu poly fitur, maka saya pulang melepaskannya. Beberapa ketika lalu, fitur misalnya "Add to Timeline" yg juga timbul pada recommendation bar tersebut dihilangkan. Script diperbaiki sehingga membuat load yg lebih cepat serta efisien. Settingnya pun sanggup dikostumisasi sendiri dengan mengubah beberapa parameter sehingga sesuai menggunakan keinginan pemilik web/blog.

Pada dasarnya, script Facebook Recommendation Bar berbasis dalam pengambilan (fetching) beberapa meta warta di pada blog/web; sehingga basic penggunaanya tergantung pada template serta susunan strukturnya. Penggunaan fitur ini ditujukan menjadi alat rekomendasi posting/artikel setelah pembaca artikel blog selesai membaca sebuah artikel. Secara default, recommendation bar akan terbuka secara otomatis dalam ketika dan posisi tertentu pada sebuah page, berisi beberapa rekomendasi posting (default tiga butir), dan juga sebuah like button.

Ada Manfaat atau Keuntungan Menggunakan Facebook Recommendation Bar?

Tentu saja ada! Facebook Recommendation Bar sudah saya buktikan memberikan keuntungan yang sangat banyak. Di antaranya adalah meningkatkan jumlah pageview, meningkatkan traffic, mengurangi bounce rate, dan tentu saja mempertinggi revenue. Sinergi widget ini dengan widget lainnya misalnya LinkWithin Related Posts, Recent Posts Widgets, serta beberapa widget sejenisnya akan menaruh dampak yang signifikan terhadap traffic blog. Facebook Recommendation Bar mempunyai keunggulan menampilkan jumlah like pada sebuah post, dan ini akan sebagai daya tarik tersendiri bagi pembaca blog untuk mengetahui isi posting yg direkomendasikan.

Cara Menambahkan Widget Facebook Recommendation Bar

Widget ini bekerja berdasarkan otorisasi pelaksanaan. Kemungkinan anda gagal menggunakannya adalah lantaran menggunakan App ID milik user lain yang tidak diotorisasi buat domain tertentu. Oleh karena itu, sebaiknya menggunakan Facebook App yg dibuat sendiri. So, langkah yg wajib dilakukan pada memasang widget ini adalah:

Langkah 1: Membuat Facebook Application

Note: Jika anda telah memiliki aplikasi yg berkaitan atau dipakai pada blog anda dan sudah terotorisasi, lewati langkah ini. Langsung copy App ID yg tertera serta simpan terlebih dahulu.

1. Masuk ke halaman Facebook Apps (pastikan telah login).
2. Klik Create New App.
3. Akan timbul pop up box, masukkan nama pelaksanaan (terserah saja, misalnya "Buka Rahasia Recommendation"). Klik continue.
4. Masukkan kode captcha, klik submit.
5. Anda akan masuk ke halaman setting pelaksanaan. Lihat dalam bagian bawah, tepatnya pada "Website with Facebook Login". Klik, lalu tambahkan url blog. Jangan klik opsi lainnya, karena ini akan mengakibatkan kesalahan setting serta memang tidak perlu diaktifkan buat jenis pelaksanaan ini. Lalu klik "Save Changes".
6. Setelah itu akan timbul liputan App Id serta App Secret. Copy nomor -angkan dalam App ID, simpan pada loka yang aman. Berikut misalnya:
Langkah 2: Menginstall Facebook Recommendation Bar

1. Masuk ke Blogger > Template > Edit HTML.
2. Kemudian selesainya pop up box timbul, klik "proceed" (lanjutkan).
Note: Bila perlu backup template terlebih dahulu.
3. Cari kode ini:
Tujuannya merupakan buat memasukkan xlmns Facebook yg berfungsi sebagai fetcher, masukkan xmlns:fb='//ogp.me/ns/fb#' sempurna setelahnya. 
xmlns:fb='//ogp.me/ns/fb#'
Oh ya, jika anda sudah menggunakan xlmns:fb versi lama sebelumnya, hapus dan ganti menggunakan yg diatas.
4. Kemudian cari . Pada template-template Blogger versi baru (simple, awesome, travel, dll), terdapat kemungkinan tambahan script atau keterangan pada belakang body, jadi cukup cari saja dengan (tanpa epilog). Copy kode berikut tepat setelahnya/pada bawahnya:





Buat perubahan script pada atas menggunakan petunjuk berikut:
  • Ganti 123456789012345 dengan App ID yg sebelumnya sudah dibentuk.
  • Ganti //tentang-soal.blogspot.com dengan url blog sobat.
5. Save template serta coba cek hasilnya.

Kostumisasi Tingkat Lanjut (Opsional)

Jika sobat ingin melakukan kostumisasi dalam bagaimana Facebook Recommendation Bar ditampilkan, perhatikan poin-poin berikut:
  • max_age merupakan maksimum usia posting yang akan ditampilkan dalam rekomendasi, ubah nilai 0 sebagai aporisma usia posting dalam hitungan hari, contohnya 100, berarti aporisma usia posting yg ditampilkan adalah 100 hari. Nilai 0 adalah default yg merupakan nir terdapat batasan usia posting.
  • num_recommendations merupakan jumlah rekomendasi pada setiap tampilan/load, ubah nilai 3 untuk menampilkan jumlah posting yang diinginkan.
  • read_time adalah waktu yang diperlukan buat load seketika user/pembaca mencapai titik scroll dimana widget muncul dan menampilkan isi rekomendasi. Saya sudah menyettingnya hingga sama dengan 10 dtk, bila ingin widget menampilkan lebih lama , tambah nilai 10.
  • side adalah pada sisi mana widget akan ditampilkan. Default settingan saya pada atas adalah right dimana widget ditampilkan pada sisi kanan. Apabila ingin ditampilkan pada sisi kiri, ubah sebagai left.
  • trigger merupakan posisi awal dimana widget akan ada. Setting pada atas saya beri nilai 50% yang merupakan widget akan ada selesainya user/pembaca blog scroll hingga separuh laman. Ubah nilainya bila ingin widget timbul lebih ke atas atau ke bawah. Semakin akbar nilai persentasenya, semakin ke bawah.
  • Script saya set buat ditampilkan pada laman posting dan tidak aktif (untuk laman statis, tergantung template, kadang nir ditampilkan), buat menampilkan pada semua page hapus tag b if conditional (seluruh yang berwarna pink). Untuk menampilkan pada page-halaman tertentu lainnya, pelajari Menampilkan Widget Blogger hanya di Halaman Tertentu.

Analisa Permasalahan apabila Widget Tidak Bekerja Sempurna

Kemungkinan perseteruan yg akan muncul adalah gambar yang tidak sesuai, title yang keliru dan sejenisnya. Beberapa template Blogger memiliki struktur yang jelek atau susunannya tidak sempurna sehingga saat fetcher mengambil informasi, bisa terjadi kekeliruan atau bahkan kegagalan. Jika anda menemui masalah demikian, gunakan meta:og tambahan pada dalam template blog anda. Simak tutorial selengkapnya pada Memperbaiki Gambar & Deskripsi Posting/Blog di Facebook

Well, that's it and have a nice blogging!
© 2012- 'til drop! tentang-soal.blogspot.com. All rights reserved.

Tidak ada komentar untuk "Cara Memasang Facebook Recommendation Bar di Blogger"