Skip to main content

Cara embed status facebook dan video di AMP HTML

BLOG MOBILE.


Kembali lagi pada postingan kali ini saya mau membuat tutorial cara embed status facebook,video,catatan,dan lain lain.
Sebelumnya saya jelaskan dulu untuk membuat embed facebook di AMP HTML kita cukup salin saja URL facebook nya yang mau di embed.

Langsung saja syarat utama untuk embed facebook di AMP HTML simpan kode berikut ini.
<script async='async' custom-element='amp-facebook' src='https://cdn.ampproject.org/v0/amp-facebook-0.1.js'/>
dan posting harus dalam mode HTML.
Berikut ini example embed facebook AMP.


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

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

HASILNYA
Keterangan
Silahkan ganti URL postsnya tergantung kebutuhan misalnya URL posts Catatan,gambar,tautan,dan video

More Posts


UNTUK MENAMPILKAN VIDEO
<amp-facebook width=552 height=310
    layout="responsive"
    data-embed-as="video"
    data-href="https://www.facebook.com/encepnurdin62/videos/1854940421461890/">
</amp-facebook>
Tambahkan data-embed-as="video" maka hanya tampil video saja dan responsive.

Comments

Untuk embed facebook komentar sisipkan juga kode AMP js berikut ini di tag HEAD
<script async custom-element="amp-facebook-comments" src="https://cdn.ampproject.org/v0/amp-facebook-comments-0.1.js"></script>


Mungkin hanya itu yang bisa saya sampaikan jangan lupa like PAGE facebook saya hehe HASILNYA
Bisa Dilihat Di Sistem Komentar Facebook Yang Saya Pake
Comment Policy: Silahkan tuliskan komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui.
Buka Komentar