Cara Embed Status dan Video Facebook di Blog dengan AMP HTML

Apakah Sobat ingin embed status dan video Facebook ke blog Blog amp? Dengan semakin terkenalnya platform status dan video Facebook, Sobat juga dapat menggunakan video Facebook untuk meningkatkan like pada fanpage Facebook Sobat. Untuk pengalaman sosial yang lebih mendalam Sobat dapat menambahkan fanpage Facebook.

Oke kita langsung saja tutorialnya dibawah ini :
Cara Embed Status dan Video Facebook di Blog dengan AMP HTML
Untuk menampilkan status atau Video Facebook ke Blog, syarat utama simpan JS ini di tag head

<script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>

Baca Juga : Tutorial Membuat Post Embed Twitter Pada Blog AMP
Contoh kode untuk menampilkan postingan / Status Facebook

<amp-facebook width="552"
      height="303"
      layout="responsive"
      data-href="https://www.facebook.com/zuck/posts/10102593740125791">
</amp-facebook>

Layout yang support: fill, fixed, fixed-height, flex-item, nodisplay, responsive

Untuk menampilkan Video Facebook

<amp-facebook width="552"
      height="310"
      layout="responsive"
      data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
  </amp-facebook>

Baca Juga : Tutorial Membuat Post Embed Instagram Pada Blog AMP

Tambahkan data-embed-as="video" maka hanya tampil video saja dan responsive.

<amp-facebook width="552"
      height="310"
      layout="responsive"
      data-embed-as="video"
      data-href="https://www.facebook.com/zuck/videos/10102509264909801/">
</amp-facebook>

Sumber : Kang Ismet