Cara share medsos facebook template AMP

Berikut merupakan cara share ke media sosial facebook di blog template amp yang ringan dan pastinya keren.
<amp-facebook> memungkinkan untuk menyematkan pos atau video Facebook ke halaman AMP.
Anda selalu perlu menentukan dimensi pos yang disematkan, yang berarti Anda perlu menambahkan atribut width dan height dengan nilai dalam piksel bilangan bulat. Anda dapat menemukan dimensi yang tepat dengan mengklik menu "Sematkan" di bagian atas pos Facebook.

Anda juga diharuskan untuk menambahkan URL dari pos yang diberikan dalam atribut data-href. Anda dapat menemukan URL dengan mengklik stempel waktu pos Facebook, dan browser akan menyisipkan URL unik ke bilah alamat.

Jika Anda ingin menyematkan video tanpa pos Facebook , tambahkan atribut data-embed-as = "video" opsional.

Jika Anda ingin membuat embed Anda responsif, gunakan atribut tata letak dengan nilai "responsif". Anda juga dapat menggunakan atribut tata letak opsional pada komponen AMP lainnya untuk mengontrol tata letaknya.

Contoh kode

<amp-facebook width="500" height="485" layout="responsive"
    data-href="https://www.facebook.com/tutorial-blog-amp.blogspot.com/posts/10154256404668592">
</amp-facebook>
Lalu tambahkan kode dibawah ini dibawah kode head.
<script async custom-element="amp-facebook"
    src="https://cdn.ampproject.org/v0/amp-facebook-0.1.js">
</script>

Disqus Comments