A biblioteca de HTML para AMP fornece componentes classificados das seguintes maneiras:

  • Incorporados: são os componentes incluídos na biblioteca de base, como amp-img e amp-pixel.
  • Estendidos: são as extensões da biblioteca de base que precisam ser incluídas explicitamente no documento como elementos personalizados (por exemplo, <script async custom-element="amp-audio" ...).
  • Experimentais: são componentes que foram lançados, mas não estão prontos para uso geral.

Veja os componentes agrupados por categoria:

Anúncios e análises

Componente Descrição
amp-ad É um contêiner para a exibição de um anúncio.
amp-ad-exit Permite a configuração do comportamento das saídas dos anúncios para A4A (AMP for Ads).
amp-analytics Registra dados de análise de documentos AMP.
amp-auto-ads Insere anúncios em páginas AMP de maneira dinâmica usando um arquivo de configuração veiculado remotamente.
amp-call-tracking Substitui números de telefone em hiperlinks de maneira dinâmica para permitir o rastreamento de chamadas.
amp-experiment Pode ser usado para fazer testes de experiência do usuário em documentos AMP.
amp-pixel É um pixel de rastreamento usado para contar exibições de páginas.
amp-sticky-ad Permite exibir e fixar conteúdo de anúncios na parte inferior da página.

Conteúdo dinâmico

Componente Descrição
amp-access-laterpay Permite que os editores integrem facilmente a plataforma de micropagamentos LaterPay (em inglês).
amp-access Oferece uma paywall AMP e compatibilidade com assinaturas.
amp-bind Permite que os elementos se alterem em resposta às ações do usuário ou a mudanças nos dados por meio da vinculação de dados e expressões simples semelhantes a JavaScript.
amp-form Oferece compatibilidade com formulários.
amp-gist Exibe um GitHub Gist (em inglês).
amp-install-serviceworker Instala um ServiceWorker.
amp-list De maneira dinâmica, faz download de dados e cria itens para listas usando um modelo.
amp-live-list Permite exibir e atualizar o conteúdo em tempo real.
amp-mustache Permite a renderização de modelos Mustache.js (em inglês).
amp-selector Representa um controle que exibe um menu de opções para escolha do usuário.
amp-user-notification Exibe uma notificação que pode ser dispensada pelo usuário.
amp-web-push Permite que os usuários se inscrevam para receber notificações push da Web.

Layout

Componente Descrição
amp-accordion Oferece aos usuários uma visualização rápida do conteúdo que permite pular para a seção desejada.
amp-app-banner Insere um wrapper e um elemento reduzido de IU em um banner de posição fixa para várias plataformas com uma call-to-action de instalação de aplicativo.
amp-carousel Exibe vários conteúdos semelhantes em um eixo horizontal.
amp-fx-flying-carpet Une os elementos derivados em um contêiner exclusivo de tela cheia com rolagem. Isso permite exibir anúncios de tela cheia sem ocupar toda a janela de visualização.
amp-fx-parallax Ativa um efeito de perspectiva em 3D nos elementos.
amp-iframe Exibe um iframe.
amp-lightbox Permite o uso de um lightbox ou de uma experiência semelhante.
amp-position-observer Monitora a posição de um elemento na janela de visualização conforme o usuário rola a página e envia eventos que podem ser usados com outros componentes.
amp-sidebar Permite a exibição de metaconteúdo para acesso temporário, como itens de navegação, links, botões e menus.

Mídia

Componente Descrição
amp-3q-player Incorpora vídeos do 3Q SDN. (indisponível em português)
amp-anim Gerencia uma imagem animada, geralmente um GIF.
amp-apester-media Exibe um bloco inteligente do Apester (em inglês).
amp-audio Substitui a tag HTML5 audio.
amp-brid-player Exibe um player do Brid.tv (em inglês).
amp-brightcove Exibe um player Video Cloud ou Perform do Brightcove (páginas indisponíveis em português).
amp-dailymotion Exibe um vídeo do Dailymotion.
amp-google-vrview-image Exibe uma imagem em RV.
amp-hulu Exibe um vídeo incorporado simples do Hulu (em inglês).
amp-ima-video Incorpora um player para anúncios em vídeo InStream integrados com o SDK do IMA (em inglês).
amp-image-lightbox Permite incluir um lightbox de imagem ou uma experiência semelhante.
amp-img Substitui a tag HTML5 img.
amp-imgur Exibe uma postagem do Imgur (em inglês).
amp-izlesene Exibe um vídeo do Izlesene (em turco).
amp-jwplayer Exibe um JW Player (em inglês) hospedado na nuvem.
amp-kaltura-player Exibe o Kaltura Player como ele é usado na plataforma de vídeo do Kaltura.
amp-nexxtv-player Exibe um stream de mídia da plataforma nexxOMNIA.
amp-o2-player Exibe um O2Player do AOL (em inglês).
amp-ooyala-player Exibe um vídeo do Ooyala (indisponível em português).
amp-playbuzz Exibe conteúdo do Playbuzz (em inglês) como listas, enquetes etc.
amp-reach-player Exibe um player de vídeo do Beachfront Reach (em inglês).
amp-soundcloud Exibe um clipe do Soundcloud.
amp-springboard-player Exibe um player de vídeo do Springboard Platform (em inglês).
amp-video Substitui a tag HTML5 video.
amp-vimeo Exibe um vídeo do Vimeo.
amp-youtube Exibe um vídeo do YouTube.

Apresentação

Componente Descrição
amp-animation Define e exibe uma animação.
amp-dynamic-css-classes Adiciona nomes de classe CSS dinâmicos ao elemento HTML.
amp-fit-text Expande ou reduz o tamanho da fonte para ajustar o conteúdo ao espaço.
amp-font Aciona e monitora o carregamento de fontes personalizadas.
amp-timeago Formata datas como "há um determinado tempo" (por exemplo, "há 3 horas") para criar carimbos de data/hora aproximados.
amp-viz-vega Exibe gráficos criados com a gramática de visualização Vega (em inglês).

Conteúdo social

Componente Descrição
amp-facebook-comments Incorpora o plug-in de comentários do Facebook.
amp-facebook-like Incorpora o plug-in do botão de curtir do Facebook.
amp-facebook Exibe uma postagem ou um vídeo do Facebook.
amp-gfycat Exibe um GIF em vídeo do Gfycat (em inglês).
amp-instagram Exibe conteúdo incorporado do Instagram.
amp-pinterest Exibe um widget do Pinterest ou o botão "Salvar".
amp-reddit Exibe um comentário ou uma postagem incorporada do Reddit.
amp-social-share Exibe um botão de compartilhamento social.
amp-twitter Exibe um tweet do Twitter.
amp-vine Exibe uma incorporação simples do Vine.