AMP
Something went wrong while trying to load more search results.
We apologize for the inconvenience caused.
Please try again later.

;(

Something went wrong…

…while trying to load the search results.
We apologize for the inconvenience caused.
Please try again later.

Adicionar recursos de AMP avançados

Artigo de notícias concluído

Neste tutorial, você desenvolverá seu conhecimento dos princípios básicos da AMP e verá como essa tecnologia lida com publicidade, análises, vídeos incorporados, integração de mídias sociais, carrosséis e muito mais. No final deste tutorial, você terá criado um artigo de notícias para dispositivos móveis que inclui esses recursos.

Você aprenderá a:

  • exibir anúncios usando amp-ad;
  • incorporar vídeos do YouTube, Cartões do Twitter e elementos de texto responsivos;
  • criar carrosséis com imagens e combinações de conteúdo usando amp-carousel;
  • rastrear padrões simples com amp-analytics;
  • adicionar a navegação do site à sua página com amp-sidebar;
  • usar fontes personalizadas em conteúdo AMP.

Resultado:

Você criará uma página de artigo de notícias em conformidade com as especificações de AMP, incluindo publicidade, análises, vídeos e mídia social incorporados, carrosséis e um menu de navegação do site.

Este tutorial é uma continuação dos conceitos apresentados no tutorial "Converter seu HTML para AMP". Se você ainda não tiver um conhecimento básico dos principais conceitos de AMP, acesse "Converter seu HTML para AMP".