amp-instagram
Masukkan (Embed) video dan foto instagram ke file Anda AMP HTML.
Persiapan
Impor komponen amp-instagram di tajuk
Masukkan script berikut tepat setelah pembukaan <head>
Penggunaan dasar
Foto Instagram disematkan melalui kode data instagram pendek, yang ditemukan di setiap URL foto instagram. Banyak instagram berbentuk bujur sangkar. Ketika tata letak = "responsif" nilai di mana lebar dan tinggi sama dengan itu layout="responsive".
Jika gambar tidak persegi, lebar dan tinggi harus lebar dan tinggi sebenarnya gambar instagram.
Captions
Anda dapat menyertakan teks dengan atribut data-teks
Persiapan
Impor komponen amp-instagram di tajuk
Masukkan script berikut tepat setelah pembukaan <head>
<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>
Penggunaan dasar
Foto Instagram disematkan melalui kode data instagram pendek, yang ditemukan di setiap URL foto instagram. Banyak instagram berbentuk bujur sangkar. Ketika tata letak = "responsif" nilai di mana lebar dan tinggi sama dengan itu layout="responsive".
Contohnya<amp-instagram data-shortcode="BtkC6WYhLcL" width="1" height="1" layout="responsive"> </amp-instagram>
Jika gambar tidak persegi, lebar dan tinggi harus lebar dan tinggi sebenarnya gambar instagram.
Contohnya<amp-instagram data-shortcode="Bqpb5gineps" width="600" height="450" layout="responsive"> </amp-instagram>
Captions
Anda dapat menyertakan teks dengan atribut data-teks
Contohnya<amp-instagram data-shortcode="Bqpd5aln6NQ" data-captioned width="1" height="1" layout="responsive"> </amp-instagram>