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

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>

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>

Tal vez le interese