Seiring berkembangnya AMP HTML, maka sering saya lihat menggunakan Komentar Disqus yang valid AMP. Nah bagai mana kalau ingin merubahnya?
Pada postingan kali ini saya akan memberikan tutorial Bagaimana Merubah Komentar Disqus Menjadi Komentar FB. Untuk DEMO, silahkan menuju komentar di bawah. Sebelum menuju tutorial, siapkan kopinya biar santai 😃
1. Langkah Pertama
Simpan JavaScript Facebook Comments di atas
</head>
<b:if cond='data:blog.pageType == "item"'>
<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
</b:if>
2. Langkah ke-Dua
Cari kata kunci
disqus
, maka sobat akan menemukan kode seperti ini2. Langkah ke-Tiga
Perhatikan gambar di atas, lihat kode yang di blok, mulai
<amp-iframe........ sampai </amp-iframe>ganti dengan kode ini:
<amp-facebook-comments
width='600'
height='180'
layout='responsive'
data-numposts='10'
data-locale='id_ID'
data-order-by='reverse_time'
expr:data-href='data:post.url'>
</amp-facebook-comments>
4. Kode Opsional
Dari HTML di atas,
data-locale='id_ID'
bisa dicantumkan ataupun tidak. Kemudian untuk menampilkan Komentar Terlama ke Terbaru, maka edit data-order-by='reverse_time'
menjadi data-order-by='time'
Sampai saat ini, Facebook hanya menyediakan Tema Light. Tema Dark Belum tersedia. Entah dari AMPnya atau dari facebooknya.
Moderasi Komentar
Untuk bisa memoderasi komentar, sobat harus membuat Aplikasi Facebook melalui Facebook Developer. Setelah mendapatkan ID Aplikasi, simpan meta tagnya di blog sobat.
<meta content='123456789' property='fb:app_id'/>Ganti
123456789
dengan ID Aplikasi yang sobat buat.Selamat Mencoba.....