Memasang komentar Facebook di Blog valid AMP - Memasang atau mengaktifkan komentar pada sebuah artikel yang kita buat diblog merupakan hal penting yang harus kita lakukan. Karena dengan mendapat komentar dari pengunjung kita bisa tahu, bagus atau tidaknya konten yang kita sajikan. Dari komentar tersebut nantinya kita juga bisa tahu, kekurangan yang ada pada blog kita.
Untuk saat ini banyak sekali para blogger yang sudah menerapkan template valid AMP pada blog mereka. Ini bertujuan untuk memudahkan para pengunjung terkususnya bagi mereka yang menggunakan perangkat mobile.
Disisi semua kemudahan yang di tawarkan oleh Accelerated Mobile Pages tersebut, ternyata masih menyimpan beberapa kekurangan. Yakni blog yang sudah valid AMP tidak mendukung komentar blogger. Sehingga mau tidak mau kita harus mengakalinya dengan memasang komentar sendiri. Seperti yang akan saya bahas pada kesempatan kali ini, bagaimana cara memasang komentar Facebook di blog valid AMP.
3. Jika sudah ketemu, copy dan pastekan kode berikut ini tepat dibawah kode tersebut.
<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>
4. Maka kodenya akan menjadi seperti berikut.
<b:includable id='comments' var='post'>
............
............
............
</b:includable>
<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>
5. Jika sudah sekarang anda cari kode seperti dibawah ini.
<b:include data='post' name='post'/>
6. Kemudian copy dan pastekan kode berikut tepat dibawah kode tersebut.
<b:include cond='data:blog.pageType == "item"' data='post' name='fb-comment'/>
7. Langkah selanjutnya cari kode <head> kemudian pastekan kode berikut tepat dibawahnya.
<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:profile_id'/>
Notes : Pada 'xxxxxxxxxxxxxxx' silahkan isikan id profil Facebook anda, dan 'xxxxxxxxxxxxxxx' yang kedua silahkan isi dengan id fanspage blog anda.
8. Untuk langkah berikutnya cari kode </head>, kemudian pastekan kode ini tepat diatasnya.
<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>
9. Klik simpan atau save template.
Nah pada langkah ini anda sudah sukses menambahkan kolom komentar pada blog valid AMP anda. Namun belum bisa menampilkan komentar yang masuk di blog dan fanspage Facebook anda. Ikuti langkah berikut untuk lebih jelasnya :
1. Buka situs https://developers.facebook.com/.
2. Silahkan anda buat aplikasi facebook pada situs tersebut, dan beri nama sesuai dengan keingan anda.
3. Jika halaman aplikasi sudah dibuat, klik pada menu app review pada sidebar sebelah kiri. Pada pengatura silahkan anda ubah menjadi public . Kemudian pilihlah aplikasi untuk fans page.
4. Langkah selanjutnya, kembali ke blogger dan pilih menu edit template dan pastekan kode dibawah ini tepat diatas kode </head>.
<meta content='xxxxxxxxxxxxxxxx' property='fb:app_id'/>
Notes : 'xxxxxxxxxxxxxxxx' silahkan ganti dengan id aplikasi yang sebelumnya sudah anda buat tadi.
5. Masuk ke salah satu postingan blog anda, kemudian klik pada menu mederation tool.
6. Setelah itu anda akan dibawa ke halaman baru, kemudian klik pada nama aplikasi anda. Pilih menu setting. Nanti akan muncul pop up dan centang pada menu yes, mirror to dan klik save.
7. Selesai.
Baca juga :
Nah sobat sangat mudahkan memunculkan komentar Facebook di blog yang valid AMP. Cukup sekian postingan pada kesempatan kali ini, semoga bermanfaat.
Untuk saat ini banyak sekali para blogger yang sudah menerapkan template valid AMP pada blog mereka. Ini bertujuan untuk memudahkan para pengunjung terkususnya bagi mereka yang menggunakan perangkat mobile.
Disisi semua kemudahan yang di tawarkan oleh Accelerated Mobile Pages tersebut, ternyata masih menyimpan beberapa kekurangan. Yakni blog yang sudah valid AMP tidak mendukung komentar blogger. Sehingga mau tidak mau kita harus mengakalinya dengan memasang komentar sendiri. Seperti yang akan saya bahas pada kesempatan kali ini, bagaimana cara memasang komentar Facebook di blog valid AMP.
Cara memasang komentar Facebook di blog valid AMP dengan mudah
1. Masuk ke mode edit template
2. Setelah itu akan muncul kode HTML, untuk mempermudah silahkan tekan CTRL+F dan cari kode seperti dibawah ini.
<b:includable id='comments' var='post'>
............
............
............
</b:includable>
3. Jika sudah ketemu, copy dan pastekan kode berikut ini tepat dibawah kode tersebut.
<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>
4. Maka kodenya akan menjadi seperti berikut.
<b:includable id='comments' var='post'>
............
............
............
</b:includable>
<b:includable id='fb-comment' var='post'>
<div class='fb-comments' id='fb_comments'>
<amp-facebook-comments data-colorscheme='dark' data-numposts='5' expr:data-href='data:post.url' height='180' layout='responsive' width='600'>
</amp-facebook-comments>
</div>
</b:includable>
5. Jika sudah sekarang anda cari kode seperti dibawah ini.
<b:include data='post' name='post'/>
6. Kemudian copy dan pastekan kode berikut tepat dibawah kode tersebut.
<b:include cond='data:blog.pageType == "item"' data='post' name='fb-comment'/>
7. Langkah selanjutnya cari kode <head> kemudian pastekan kode berikut tepat dibawahnya.
<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:profile_id'/>
Notes : Pada 'xxxxxxxxxxxxxxx' silahkan isikan id profil Facebook anda, dan 'xxxxxxxxxxxxxxx' yang kedua silahkan isi dengan id fanspage blog anda.
8. Untuk langkah berikutnya cari kode </head>, kemudian pastekan kode ini tepat diatasnya.
<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>
9. Klik simpan atau save template.
Nah pada langkah ini anda sudah sukses menambahkan kolom komentar pada blog valid AMP anda. Namun belum bisa menampilkan komentar yang masuk di blog dan fanspage Facebook anda. Ikuti langkah berikut untuk lebih jelasnya :
1. Buka situs https://developers.facebook.com/.
2. Silahkan anda buat aplikasi facebook pada situs tersebut, dan beri nama sesuai dengan keingan anda.
3. Jika halaman aplikasi sudah dibuat, klik pada menu app review pada sidebar sebelah kiri. Pada pengatura silahkan anda ubah menjadi public . Kemudian pilihlah aplikasi untuk fans page.
4. Langkah selanjutnya, kembali ke blogger dan pilih menu edit template dan pastekan kode dibawah ini tepat diatas kode </head>.
<meta content='xxxxxxxxxxxxxxxx' property='fb:app_id'/>
Notes : 'xxxxxxxxxxxxxxxx' silahkan ganti dengan id aplikasi yang sebelumnya sudah anda buat tadi.
5. Masuk ke salah satu postingan blog anda, kemudian klik pada menu mederation tool.
6. Setelah itu anda akan dibawa ke halaman baru, kemudian klik pada nama aplikasi anda. Pilih menu setting. Nanti akan muncul pop up dan centang pada menu yes, mirror to dan klik save.
7. Selesai.
Baca juga :
Nah sobat sangat mudahkan memunculkan komentar Facebook di blog yang valid AMP. Cukup sekian postingan pada kesempatan kali ini, semoga bermanfaat.