Antara Disqus dan Facebook? Pilih mana Ya
Log In

Antara Disqus dan Facebook? Pilih mana Ya

Wednesday, September 25, 2019, 11:55 AM
Antara Disqus dan Facebook
Ini hanya antara untuk mengembangkan template Aurealisa, saya sedikit bingung mau pilih plugin komentar yang mana. Antara Disqus dan Facebook? dulu saya menggunakan Bawaan blogger, karna sudah bosan kemudian saya menggantinya dengan Disqus. Terlihat bagus, tapi masih ada kekurangnnya seperti pengguna nya yang sedikit dan blog pun terasa sepi karna sebagian pengguna adalah blogger juga. Well, saya putuskan menggunakan Kedua komentar 🙃 tidak dengan bawaan blogger.


Karna setelah browsing" komentar facebook mempunyai kelebihan seperti :
  1. Komentar langsung masuk ke notifikasi fans page
  2. Komentar sinkron dengan postingan di fans page
  3. Banyak penggunanya

Sementara kalau menggunakan komentar disqus kelebihannya seperti :
  1. Ada teks policy atau kebijakan komentar
  2. Bisa migrasi atau gonta-ganti URL-nya
  3. Notifikasi langsung masuk ke email
  4. Bisa upload lebih dari satu gambar
  5. Mendukung format dasar HTML
  6. Komentar bisa diimpor dari platform lain seperti wordpress dan juga bisa di-backup
  7. Ada program iklan (saya masih belum paham dengan ini)
  8. Ada Trusted Domain untuk mengatur agar tampil di domain tertentu
  9. Ada analytic

Untuk cara pemasangan komentar Facebook di blog juga tidak terlalu sulit, berikut tutorial cara memasang komentar facebook di blog yang tidak memberatkan loading blogger.


Membuat Komentar Facebook di Blog

1. Cari comment_picker dan masukan kode dibawah ini
<div id='fb-root'/><div class='fb-comments' data-numposts='10' data-width='100%' expr:data-href='data:blog.canonicalUrl'/>

2. Masukan juga JS dibawah ini
// Facebook
!function(e,t,n){var o,s=e.getElementsByTagName(t)[0];e.getElementById(n)||((o=e.createElement(t)).id=n,o.src="https://connect.facebook.net/id_ID/sdk.js#xfbml=1&version=v3.1",s.parentNode.insertBefore(o,s))}(document,"script","facebook-jssdk");

3. Jangan lupa menambahkan meta tag facebook dibawah ini
<meta content='XXXX' property='fb:admins'/>
<meta content='XXXX' property='fb:app_id'/>

4. Simpan dan lihat hasilnya


Membuat Komentar Disqus di Blog

Untuk mendapatkan skor hijau alias ngebut ketika memakai Disqus, kamu bisa menerapkan teknik Lazy Load komentar Blogger pada tutorial dibawah ini.

1. Ini di sesuaikan dengan selera mau ditaruh dimana
<div id='disqus_thread'>
<div id='disqus_empty'/>
</div>

2. Silahkan ganti yang berwarna merah dengan username kamu
// Disqus
function load_disqus(e){var t=document.getElementById("disqus_empty"),d=document.getElementById("disqus_thread"),n=document.createElement("script"),s=document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0];d&&t&&(n.type="text/javascript",n.async=!0,n.src="//"+e+".disqus.com/embed.js",s.appendChild(n),t.remove())}window.addEventListener("scroll",function(e){var t=document.scrollingElement.scrollTop,d=document.getElementById("disqus_thread");d&&t>d.getBoundingClientRect().top-150&&(load_disqus("aurealisa"),console.log("Disqus loaded."))},!1);

3. Simpan dan lihat hasilnya untuk menerapkan Disqus Lazy Load diatas.

Terakhir di update 27 September 2019


Menghubungkan plugin Facebook dengan Blogger

Pertama, kamu perlu membuat aplikasi sendiri untuk mengelola dengan mudah, kunjungi Developers Facebook dan buat aplikasi. Setelah berhasil membuat aplikasi, kamu harus membuatnya publik dengan mengonfirmasi informasi dalam pengaturan

Setelah berhasil mengaktifkan kamu harus mengedit HTML di template sebagai berikut

Tambahkan awalan prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# ke <head...>. Kode tersebut adalah sebagai berikut
<head prefix='og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#'>

Lanjutkan untuk memasukkan tag meta konfirmasi aplikasi (masukkan langsung di bawah tag <head...>)
<meta content='XXXX' property='fb:app_id'/>


Pengaturan Facebook Komentar

Kamu perlu mengkonfigurasi pemberitahuan sebagai berikut

Buka https://developers.facebook.com/tools/comments/2383081468639557/ dan ikuti instruksi di bawah ini.
Kamu dapat menentukan beberapa moderator, pemberitahuan akan dikirimkan kepada mereka ketika pengguna berkomentar


Tombol suka


Tombol suka juga diterapkan untuk setiap artikel dengan kode berikut
<b:if cond='data:view.isSingleItem'>
 &lt;div class=&#39;fb-like&#39; data-href=&#39;<data:blog.canonicalUrl/>&#39; data-layout=&#39;standard&#39; data-action=&#39;like&#39; data-size=&#39;small&#39; data-show-faces=&#39;true&#39; data-share=&#39;true&#39;&gt;&lt;/div&gt;
</b:if>


Tombol simpan postingan

<b:if cond='data:view.isSingleItem'>
   &lt;div class=&#39;fb-save&#39; data-uri=&#39;<data:blog.canonicalUrl/>&#39; data-size=&#39;large&#39;&gt;&lt;/div&gt;
</b:if>


Tombol Bagikan artikel

<b:if cond='data:view.isSingleItem'>
   &lt;div class=&#39;fb-share-button&#39; &#39;<data:blog.canonicalUrl/>&#39; data-layout=&#39;button_count&#39; data-size=&#39;small&#39; data-mobile-iframe=&#39;true&#39;&gt;&lt;/div&gt;
</b:if>


Plugin Halaman


Widget yang disematkan di situs web membantu meningkatkan interaksi dengan pengguna, facebook menawarkan banyak opsi untuk utilitas ini

Contoh
<div class="fb-page"
  data-href="https://www.facebook.com/idnewsredaksi" 
  data-width="340"
  data-hide-cover="false"
  data-show-facepile="true">
</div>

Mendapatkan hasil maksimal dari jejaring sosial ini akan membantu situs web kamu menjadi lebih dikenal luas

Jangan ragu untuk meninggalkan komentar ya gays..
Baca Juga
Sign out

TerPopuler