Memasang Komentar Facebook Pada Blog Amp Html Dan Sinkronisasi Fans Page

Akhirnya Google memilih Facebook comments plugin yang pertama di-support oleh AMP HTML. Untuk itu kemudian aku mencobanya di salah satu blog AMP aku dan komentar Facebook tampil tepat di blog, cara memasangnya pun cukup mudah.

Selain itu, komentar yang masuk dapat disinkronisasikan dengan fans page, artinya komentar yang masuk dapat tampil di blog dan di fans page dengan memakai aplikasi Facebook.

Untuk mencoba komentar Facebook di blog AMP, silahkan coba di tombol di bawah ini.

DEMO

Jika Anda ingin mencoba memasang komentar Facebook di blog AMP, silahkan ikuti langkahnya di bawah ini.

Silahkan copy aba-aba HTML 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>

Jika background blog Anda light atau terang, silahkan hapus aba-aba data-colorscheme='dark'

Kemudian silahkan simpan aba-aba HTML tadi di bawah aba-aba berikut:

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

Sehingga tampilannya menyerupai 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>

Silahkan copy aba-aba berikut:

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

Dan simpan tepat di bawah aba-aba berikut:

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

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

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

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

Kemudian silahkan simpan aba-aba berikut di atas aba-aba </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>

Kemudian silahkan cek komentar Facebook di salah satu postingan blog Anda.

Nah untuk menampilkan komentar yang masuk tampil di blog dan fans page Facebook, silahkan ikuti langkahnya di bawah ini.

Silahkan buat Aplikasi Facebook gres di https://developers.facebook.com/.

Silahkan kasih nama FB_Comments untuk aplikasi yang Anda buat. Setelah halaman aplikasi muncul silahkan klik tab App Review di sidebar kiri. Dan ubah aplikasi Anda menjadi Public dan pilih aplikasi untuk fans page.

Kemudian silahkan simpan aba-aba meta berikut di atas aba-aba </head>

 <meta content='xxxxxxxxxxxxxxxx' property='fb:app_id'/>

Ganti xxxxxxxxxxxxxxxx dengan ID aplikasi yang Anda buat tadi.

Sekarang silahkan masuk pada salah satu postingan blog Anda kemudian klik goresan pena Moderation Tool pada komentar Facebook menyerupai gambar berikut:


Di halaman berikutnya silahkan klik nama Aplikasi Anda menyerupai di gambar berikut:


Di halaman berikutnya silahkan klik Setting menyerupai gambar berikut:


Kemudian pada popup yang muncul silahkan centang pada yes, mirror to dan pilih fans page blog Anda.


Selesai.

Nah mirroring ini akan muncul pada postingan gres sesudah ini dibuat, setiap komentar yang dibentuk di blog akan muncul di fans page, begitu pun sebaliknya komentar yang dibentuk di post fans page akan muncul di komentar blog.


Sumber https://www.kompiajaib.com/

Share this post