¿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>


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




Share:

Related post

Disqus

Disqus comments:


Facebook

Facebook comments: