Cara Memasang Komentar Facebook Plugin Pada Blog Amp

Google AMP Salah satu gerakan terbesar dalam kemampuan menemukan mesin pencari adalah pengenalan AMP - yang merupakan singkatan dari Accelerated Mobile Pages, sebuah proyek yang didukung Google, dirancang sebagai standar terbuka bagi penerbit mana pun agar memuat halaman dengan cepat pada perangkat mobile. Google juga mulai menampilkan artikel AMP-enabled di bagian atas halaman hasil pencarian mobile.

Komentar Facebook telah diperkenalkan ke template Blogger Blogr-AMP pada pertengahan Januari 2017 bersamaan dengan komentar DISQUS & Google+, menggantikan sistem komentar default Blogger, yang telah dinonaktifkan untuk memungkinkan integrasi AMP HTML.

Nah, Kali ini Google memilih Facebook comments plugin yang pertama di-support oleh AMP HTML. Jika sebelumnya kita hanya mengetahui bahwa hanya komentar disqus saja yang support AMP, namun kini google membuat gebrakan baru. Gebrakan itu adalah kini komentar facebookpun sudah bisa dipasang di blog yang sudah valid AMP.

Cara Memasang Komentar Facebook Pada Blog Amp

Cara memasang komentar facebook nya pun tidak terlalu susah dan sangat mudah, apabila blog sobat sudah valid amp dan ingin mencoba memasang komentar Facebook di blog AMP, perhatikan langkah di bawah ini :

Langkah Pertama

Silahkan sobat copy kode di bawah ini :

<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>

Note : Jika background blog sobat light atau terang, silahkan hapus kode data-colorscheme='dark'

Kemudian silahkan simpan kode HTML tadi di bawah kode berikut:

<b:includable id='comments' var='post'>
............
............
............
</b:includable>

Baca Juga : Menulis Arab Pada Blog Amp HTML

Sehingga menjadi seperti ini :

<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>

Langkah Kedua

Silahkan copy kode di bawah ini :

<b:include cond='data:blog.pageType == &quot;item&quot;' data='post' name='fb-comment'/>

Dan simpan di bawah kode berikut :

<b:include data='post' name='post'/>

Kemudian silahkan simpan kode meta di bawah ini di atas kode </head>

<meta content='xxxxxxxxxxxxxxx' property='fb:admins'/>
<meta content='xxxxxxxxxxxxxxx' property='fb:profile_id'/>

Silahkan ganti xxxxxxxxxxxxxxx untuk fb:admins dengan ID profile Facebook sobat dan xxxxxxxxxxxxxxx untuk fb:profile_id dengan ID fans page blog sobat.

Kemudian silahkan simpan kode berikut di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script async='async' custom-element='amp-facebook-comments' src='https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js'/>
</b:if>

Demikian Cara Memasang Komentar Facebook Plugin pada blog amp. Semoga bermanfaat.

Sumber : www.kompiajaib.com