Dalam artikel kali ini saya mau bagikan cara memasang komentar Disqus di blog Ghost, untuk cara pasang komentar disqus sebenarnya gampang banget, tapi tidak segampang di WordPress.
Karena untuk memasang komentar Disqus di WordPress kita hanya perlu intall plugin Disqus dan menkonekannya dengan akun Disqus kita.
Akan tetapi, kalau kalian menggunakan Ghost, jekyll, hugo, blogspot caranya sedikit berbeda, kita perlu menambahkan kode Disqus di dalam template atau theme blog yang kita gunakan.
Nah, untuk kalian yang pemula tidak paham sama sekali tentang Coding, sebaiknya dilakukan dengan sangat hati-hati, supaya tidak terjadi kesalahan dan takutnya nanti akan merusak template blog kita sendiri.
Untuk itu sebaiknya perhatikan tutorial dibawah ini step by stepnya, tapi sebelumnya saya akan share sedikit tentang pengertian disqus, dan kenapa kita harus memasang widget komentar di blog kita?
Apa itu Disqus?
Disqus merupakan penyedia layanan blog komentar pihak ketiga gratis untuk ditambahkan kedalam blog kita.
Nah tujuannya, jika ada pengunjung yang membaca artikel blog kita dan ingin berkomentar atau mengajukan pertanyaan bisa melalui plugin/widget Disqus yang sudah kita pasang.
Disqus sendiri sudah sangat populer untuk layanan blog komentar dan bisa jadi alternatif untuk komentar default dari blog kita.
Pengguna yang ingin berkomentar bisa login dengan menggunakan akun media sosial seperti Facebook, Twitter, dan akun Google mereka.
Keunggulan Blog Komentar Disqus
Disqus memiliki beberapa keunggulan daripada blog komentar default pada umumnya.
#1. Terhubung dengan media sosial
Untuk pengguna yang ingin memberikan komentar tidak harus signup dulu, mereka bisa login menggunakan akun social media yang sudah di sediakan oleh Disqus itu sendiri.
Dengan begitu, pengguna akan lebih mudah untuk berkomentar dengan akun social media mereka daripada harus daftar terlebih dahulu dan membuat pengguna jadi repot.
#2. Mencegah komentar spam
Pengunjung hanya bisa memberikan komentar apabila dia sudah daftar akun Disqus atau masuk dengan akun social media.
Dengan begitu para spammer tidak bisa berkomentar sebagai akun Anonymous, tentu hal ini akan mencegah aksi atau mempersulit spammer untuk membuat komentar spam.
Disqus juga memiliki tools moderations, fungsinya ketika blog mendapatkan komentar kita akan menerima notifikasi untuk memastikan apakah komentar tersebut layak untuk di tampilkan.
#3. Meningkatkan SEO
Sebagian blogger meyakini Disqus dapat memberikan SEO blog kita, dan mungkin ini yang dapat memberikan nilai seo di blog kita.
- Related Post: atau biasa disebut postingan terkait dengan artikel yang sedang dibaca pengunjung, dengan adanya related post pengunjung bisa melihat artikel yang relavan dengan artikel yang sedang dibaca, dengan begitu pengunjung bisa lebih lama berada di blog kita.
- Backlink: Artikel yang kita buat tanpa kita sadari akan mendapatkan backlink dari Disqus
- Discovery: Jika kita masuk ke dashboard Disqus disana kita bisa melihat artikel-artikel yang disukai pengguna dari banyak blog, mungkin blog kita salah satunya, dengan begitu kita bisa mendapatkan/meningkatkan visitor blog dengan Disqus
#4. Mencegah komentar yang disertai link
Banyak para blogger yang melakukan blog walking dan menyisipkan link yang mengarah ke blog mereka, tujuannya supaya mendapatkan backlink dan kunjungan dari visitor blog kita.
Dan jengkelnya lagi, banyak komentar yang mempromosikan produk produk 18+ dan menyisipkan link didalamnya, (kita tidak ingin itu terjadi)
Nah, di Disqus kita bisa menonaktifkan link atau mengedit komentar semacam itu, supaya komentar disqus kita bersih dari link sampah.
#5. Ter-index oleh google
Setiap komentar yang ada di blog kita akan terbaca oleh google, apabila ada kata kunci yang dicari pada mesin pencari dan komentar blog kita sesuai dengan kata kunci tersebut, maka artikel blog kita akan nongol di pencarian google.
Kekurangan Disqus Blog Komentar
Selain kelebihan yang sudah di sebutkan, Disqus juga memiliki kekurangan dan adapun kekurangan Disqus sebagai berikut:
#1. Memperlambat performa blog
Sebagian blogger mengatakan, kalau menggunakan Disqus sebagai komentar di blog akan membuat load blog akan jadi lambat kalau di ukur pada GTmetrix.
Penuruan kecepatanpun meningkat dari angka speed 90 menjadi 50-60, dari sumber lain juga mengatakan Disqus bisa memperlambat speed load time dari server.
Kalau seperti ini, Disqus bisa mempengaruhi peringkat blog kita terhadap mesin pencari, padahal google sendiripun menilai peringkat suatu web salah satunya adalah kecepatan web tersebut.
...tapi kita bisa mengakalinya dengan script lazyload disqus, supaya load Disqus bisa jadi lebih cepat, untuk memasang lazyload Disqus silahkan scroll aja kebawah
#2. Menempatkan iklan tanpa izin
Terdapat review dari WordPress.org bahwa seharusnya Disqus di banned dari repository WordPress.org, dari review Wpbeginner tentang Disqus menyatakan bahwa terdapat code link affiliate bersama viglink.
Kekurangan ini memberikan kerugian kepada pemiliki blog, karena tidak transparan dalam memberikan jasa. dan Bahkan Founder WordPress sendiri Matt Mullenweg membahas spam ads pada disqus di blog pribadinya.
#3. Tambahin Sendiri
Untuk kekurangan yang ketiga silahkan tambahkan sesuai dengan pengalaman kalian menggunakan Disqus selama ini.
Untuk saya pribadi sendiri tidak terlalu banyak menemukan masalah, karena masalah pada disqus bisa kita akali seperti kecepatan loadinya, namun untuk masalah iklan Disqus saya no komentlah maklum karena versi gratisan.
Kalau menurut kalian iklan Disqus menggangu di hapus saja dan bisa menggunakan alternatif Disqus dibawah.
Setelah kita membahas sedikit tentang Disqus dan ingin memasang Disqus di blog kita, terlebih dahulu kita harus daftar akun baru.
Cara daftar akun Disqus
- Untuk membuat akun disqus silahkan kunjungi https://disqus.com/ dan klik tombol Get Started
- Silahkan isikan form yang tersedia atau bisa menggunakan akun sosial media kalian.
- Kemudian kita diminta untuk memilih antara "i want to comment on site" atau "i want to install disqus on my site", jadi kita pilih saja pilihan kedua untuk menginstall komentar disqus di blog kita.
- Sekarang selanjutnya kita diminta untuk memasukan foto, nama blog, category dan bahasa. Setelah itu silahkan klik tombol "Create Site"
Setelah menyelesaikan langkah di atas selanjutnya kita memilih paket yang ditawarkan oleh disqus, disini kita pilih saja yang basic atau gratis.
Nah, selanjutnya sekarang kita akan pasang komentar disqus di ghost blog kita.
Cara Memasang Komentar Disqus Di Blog Ghost
#1. Pilih Platform blog
Silahkan pilih platform blog yang di gunakan, karena tutorial ini tentang ghost jadi pilih saja icon Ghost untuk mendapatkan kode komentar disqus, karena kita memilih Ghost jadi kode yang diberikan yaitu kode universal. untuk kodenya sendiri kalian bisa copy kode dibawah
#2. Isikan Data
Isikan data yang diminta oleh disqus seperti, nama website, url, koment privacy dll
#3. Pilih Setting Komentar
Untuk settingan komentar ada dua pilihan yaitu Balanced dan Strict untuk keterangan pada kedua pilihat settingan komentar tersebut bisa cek digambar bawah ini.
#4 Copy dan Paste Kode Disqus
Silahkan copy dan pastekan kode dibawah ini di theme ghost yang kalian gunakan cari dan buka post.hbs dan paste kodenya sebelum {{/post}}
<div id=”disqus_thread”></div> <script> var disqus_config = function () { this.page.url = “{{url absolute=”true”}}”; this.page.identifier = “ghost-{{comment_id}}” }; (function() { var d = document, s = d.createElement(‘script’); s.src = ‘https://idblogger-org.disqus.com/embed.js’; s.setAttribute(‘data-timestamp’, +new Date()); (d.head || d.body).appendChild(s); })(); </script>
Ganti kode idblogger-org di bawah ini dengan id komentar disqus kalian. kemudian klik simpan dan restart ghost blog kalian.
Dan Selamat kalian sudah berhasil memasang komentar disqus di blog ghost, seperti yang sudah say singgung diatas bahwa terkadang Disqus loadnya lambat nah untuk mengakalinya kita bisa menggunakan script dibawah ini
Lazy-Loading Disqus Comments
Dari segi tata letak, komentar biasanya memainkan peran sekunder. Dalam banyak kasus, komentar tidak pernah dilihat sama sekali oleh pengunjung, karena tidak menggulir ke bawah ke tempat mereka berada. Tapi coba tebak? Secara default, komentar tetap dimuat di situs web apa pun yang terjadi, dan Bandwidth yang terbuang adalah masalah.
Lihat implementasi teknis yang direkomendasikan secara resmi oleh Disqus: (perhatikan kode disqus diatas).
Ketika kalian sudah pasang komentar disqus File JavaScript pertama yang mulai diunduh adalah username.disqus.com/embed.js bukan berarti itu akan diunduh terlebih dahulu, tetapi itu yang pertama di baris file JavaScript yang menarik perhatian browser.
Ini juga mengganggu sumber daya eksternal lainnya di situs blog kalian, seperti gambar dan file CSS. Bayangkan saja jika kita menggunakan smartphone dalam kondisi jaringan 2G dan menunggu widget komentar dimuat. (udah kebayang?)
Saya sudah melakukan tes. Ternyata widget Disqus dengan nol komentar berbobot 2,49 MB ! Sekelompok permintaan jaringan untuk JavaScript, CSS, gambar, dan file font yang dalam banyak kasus secara tidak wajar memperlambat layanan yang lain, mungkin bagian atau fungsi penting dari situs kita.
Untuk scriptnya sendiri ada dua macam yaitu Vanilla dan jQuery untuk script dan cara pemasangan disqusloader bisa cek di css-triks.com
Kesimpulan
Disqus bisa di install dibanyak platfom termasuk Ghost, dengan menginstall widget komentar kita bisa berinterkasi dengan pengunjung blog kita.
Untuk masalah loading lambat pada disqus kita bisa menggunakan script tambahan supaya loading disqus bisa lebih cepat dan tidak memperlambat blog kita.
mungkin cukup sekian artikel kali ini semoga bermanfaat
Salam idblogger.org - blogger Indonesia!