¿Cómo añadir amp-instagram?
amp-instagram
Inserte (Embed) videos y fotos de instagram en sus archivos AMP HTML.
Preparar
Importe el componente amp-instagram en el encabezado
Inserte el siguiente script justo después del apertura del <head>
Uso básico
Las fotos de Instagram están incrustadas a través del código corto de datos de instagram, que se encuentra en cada URL de foto de instagram. Muchos instagrams son cuadrados. Cuando layout="responsive" el valor en el que width y la height sean iguales entonces layout="responsive".
Si la imagen no es cuadrada, el width y la height deben ser el ancho y la altura real de la imagen de instagram.
Captions
Puede incluir captions con el atributo data-captioned
Preparar
Importe el componente amp-instagram en el encabezado
Inserte el siguiente script justo después del apertura del <head>
<script async custom-element="amp-instagram" src="https://cdn.ampproject.org/v0/amp-instagram-0.1.js"></script>
Uso básico
Las fotos de Instagram están incrustadas a través del código corto de datos de instagram, que se encuentra en cada URL de foto de instagram. Muchos instagrams son cuadrados. Cuando layout="responsive" el valor en el que width y la height sean iguales entonces layout="responsive".
Ejemplo<amp-instagram data-shortcode="1totVhIFXl" width="1" height="1" layout="responsive"> </amp-instagram>
Si la imagen no es cuadrada, el width y la height deben ser el ancho y la altura real de la imagen de instagram.
Ejemplo<amp-instagram data-shortcode="_hIitKIFcg" width="600" height="450" layout="responsive"> </amp-instagram>
Captions
Puede incluir captions con el atributo data-captioned
Ejemplo<amp-instagram data-shortcode="BMQ8i4lBTlb" data-captioned width="1" height="1" layout="responsive"> </amp-instagram>
Comentarios
Disqus comments:
Facebook comments: