La librería de AMP HTML proporciona componentes que son clasificados así:

  • built-in: Componentes que están incluidos en la librería básica, como por ejemplo amp-img y amp-pixel.
  • extended: Extensiones a la librería básica que deben ser excplícitamente incluidos en el documento como elementos personalizados (ej., <script async custom-element="amp-audio" ...).
  • experimental: Componentes que han sido lanzados, pero aún están en etapa de pruebas y no están listos para ser usados en productivo.

Aquí están los componentes agrupados por categoría:

Anuncios y Analytics

Componente Descripción
amp-ad Un contenedor para mostrar un anuncio.
amp-ad-exit Proporciona comportamiento configurable para salidas de anuncios en A4A (AMP for Ads).
amp-analytics Captura los datos analíticos de un documento AMP.
amp-auto-ads Inyecta dinámicamente los anuncios en una página de AMP mediante un archivo de configuración de entrega remota.
amp-call-tracking Reemplaza dinámicamente un número de teléfono en un hipervínculo para habilitar el seguimiento de llamadas.
amp-experiment Puede utilizarse para realizar experimentos de experiencia de usuario en un documento de AMP.
amp-pixel Un píxel de seguimiento para contar vistas de página.
amp-sticky-ad Proporciona una forma de mostrar y pegar contenido de anuncios en la parte inferior de la página.

Contenido Dinámico

Componente Descripción
amp-access-laterpay Permite a los editores integrarse fácilmente con la plataforma de micropagos de LaterPay.
amp-access Proporciona un pago de AMP y soporte de suscripción.
amp-bind
Permite que los elementos muten en respuesta a las acciones del usuario o cambios de datos a través de enlace de datos y expresiones similares a JS.
amp-form Proporciona soporte de formularios.
amp-gist Muestra un GitHub Gist.
amp-install-serviceworker Instala un ServiceWorker.
amp-list Descarga dinámicamente datos y crea elementos de lista utilizando una plantilla.
amp-live-list Proporciona una forma de mostrar y actualizar contenido en vivo.
amp-mustache Permite renderizar las plantillas de Mustache.js.
amp-selector Representa un control que presenta un menú de opciones y permite al usuario elegir de él.
amp-user-notification
Muestra una notificación descartable para el usuario.

Layout

Componente Descripción
amp-accordion Proporciona una manera para que los lectores tengan una mirada en el contorno del contenido y salten a una sección de su elección a voluntad.
amp-app-banner Un contenedor y una interfaz de usuario mínima para un banner de posición fija cruzada y que muestra una llamada a la acción para instalar una aplicación.
amp-carousel Muestra varias piezas similares de contenido a lo largo de un eje horizontal.
amp-fx-flying-carpet Envuelve a sus hijos en un único contenedor de desplazamiento a pantalla completa que le permite mostrar un anuncio de pantalla completa sin ocupar toda la ventana de visualización.
amp-fx-parallax Un atributo que permite un efecto de perspectiva 3D en un elemento.
amp-iframe Muestra un iframe.
amp-lightbox Permite “lightbox” o experiencia similar.
amp-sidebar Proporciona una forma de mostrar meta contenido destinado al acceso temporal, como navegación, enlaces, botones, menús.

Media

Componente Descripción
amp-3q-player Inserta videos desde 3Q SDN.
amp-anim Gestiona una imagen animada, normalmente un GIF.
amp-apester-media Muestra una unidad inteligente Apester.
amp-audio Reemplaza la etiqueta HTML5 audio.
amp-brid-player Muestra el reproductor Brid.tv.
amp-brightcove Muestra el Brighcove Video Cloud o el reproductor Perform.
amp-dailymotion Muestra un video de Dailymotion.
amp-google-vrview-image Muestra una imagen VR.
amp-hulu Muestra un video insertado de Hulu.
amp-ima-video Inserta un reproductor de video para videos de anuncios integrados desde IMA SDK.
amp-image-lightbox Permite un “image lightbox” o experiencia similar.
amp-img Reemplaza la etiqueta HTML5 img.
amp-izlesene Muestra un video Izlesene.
amp-jwplayer Muestra un cloud-hosted JW Player.
amp-kaltura-player Muestra el reproductor Kaltura Player como se usa en Kaltura's Video Platform.
amp-nexxtv-player Muestra un flujo de medios de la plataforma nexxOMNIA.
amp-o2-player Muestra un reproductor AOL O2Player.
amp-ooyala-player Muestra un video Ooyala.
amp-playbuzz Muestra cualquier contenido desde Playbuzz (por ejemplo listas, encuestas, etc.).
amp-reach-player Muestra el reproductor de videos Beachfront Reach.
amp-soundcloud Muestra un clip de Soundcloud.
amp-springboard-player Muestra el reproductor de videos deSpringboard Platform.
amp-video Reemplaza la etiqueta video.
amp-vimeo Muestra un video de Vimeo.
amp-youtube Muestra un video de YouTube.

Presentación

Componente Descripción
amp-animation Define y muestra una animación.
amp-dynamic-css-classes Agrega varios nombres de clase CSS dinámicos al elemento HTML.
amp-fit-text Expande o reduce el tamaño de la fuente para que se ajuste al contenido dentro del espacio dado.
amp-font Activa y supervisa la carga de las fuentes personalizadas.
amp-timeago Proporciona marcas de tiempo difusas mediante el formato de fechas como "hace tiempo" (por ejemplo, hace 3 horas)
amp-viz-vega Muestra visualizaciones creadas por Vega.

Social

Componente Descripción
amp-facebook-comments Inserta el complemento de comentarios de Facebook.
amp-facebook-like Inserta el Facebook like button plugin.
amp-facebook Muestra un post o video de Facebook.
amp-gfycat Muestra un video GIF de Gfycat.
amp-instagram Muestra un Instagram embed.
amp-pinterest Muestra un Pinterest widget o el botón Pin It.
amp-reddit Muestra un comentario de Reddit o inserta un post.
amp-social-share Muestra botones sociales -para compartir.
amp-twitter Muestra un tweet de Twitter.
amp-vine Muestra un video insertado desde Vine.