Um novo modelo aberto de governança para AMP

Em outra postagem do blog, discutimos nossa intenção de mudar para um novo modelo de governança do projeto AMP.

AMP Linker

Para navegadores que restringem o acesso a cookies de terceiros, o AMP Linker é uma nova maneira de manter as sessões dos usuários em sincronia. Consulte nossa postagem do blog com o comunicado para ver mais detalhes e saber como fazer a implementação nas suas páginas da Web.

"Rolagem infinita" com o amp-next-page

O elemento <amp-next-page> (agora disponível como um experimento) é compatível com o recurso conhecido por alguns como "rolagem infinita" de artigos. Os desenvolvedores podem especificar até três URLs para abrir quando o usuário chegar a um determinado ponto na rolagem da página, e esses documentos serão carregados diretamente em linha.

image1

 

Animações vinculadas à inclinação com o amp-orientation-observer

Lançamos o <amp-orientation-observer>, que permite a sincronização de baixo nível entre a orientação do dispositivo do usuário e os quadros em uma determinada animação. Com ele, você pode criar vários efeitos, como movimentar levemente o plano de fundo da página, deslocar imagens para os lados ou avançar a animação ao inclinar o dispositivo. É possível até criar um espaço 3D em camadas ao mover vários componentes sobrepostos de uma cena com taxas de deslocamento diferentes.

image4

 

Comparação de imagens com o amp-image-slider

O <amp-image-slider> permite que o usuário compare duas imagens como sobreposições. Este recurso pode ser especialmente útil para fotos do tipo "antes e depois". Leia mais sobre o componente na nossa postagem do blog recente.

image2

 

Compatibilidade dos anúncios de história em AMP com o Google Ad Manager (Beta)

Agora o Google Ad Manager permite que os editores exibam publicidade de venda direta nas próprias histórias AMP. Leia mais sobre isso.

image3
Veja o anúncio do Google Pixel 2 como uma das páginas da história

Outros destaques

  • Lançamos vários novos componentes:
    • O <amp-pan-zoom> permite deslocar e alterar o zoom do conteúdo interativo em linha. Isso ajuda os usuários em vários casos de uso, como ver detalhes de uma imagem de produto ou escolher lugares em um mapa de assentos interativo.
    • O <amp-date-picker> é usado para a inserção de datas e períodos em formulários. Ele foi lançado anteriormente como um experimento e agora está disponível para o público em geral. Veja mais detalhes aqui.
    • O <amp-date-countdown> exibe uma contagem regressiva dinâmica para uma determinada data e hora.
    • O <amp-google-document-embed> exibe arquivos como documentos do Word, planilhas do Excel e PDFs em linha nas páginas AMP.
  • Agora os desenvolvedores podem personalizar as transições de entrada e saída do atual componente <amp-lightbox>.
  • AMOAT lançou o suporte Beta para instrumentação de visibilidade e detecção de spam em anúncios HTML para AMP. Entre em contato com a MOAT para participar da versão Beta.
  • Os provedores de e-mail podem fazer a integração com a AMP para e-mail usando estas instruções.

Recursos interessantes que vêm aí

  • Você já quis continuar assistindo um vídeo enquanto lia um artigo sobre ele ou precisou ler as instruções de uma receita enquanto assistia o tutorial? Em breve, o atributo "dock" do elemento <amp-video> permitirá minimizar o vídeo no canto da janela de visualização quando o usuário rolar a página. Os desenvolvedores poderão personalizar onde e como o vídeo será fixado.
  • O elemento <amp-video-iframe> logo será compatível com um conjunto de recursos disponíveis para o amp-video e outros componentes de vídeo de terceiros (o recurso de minimizar vídeos do item anterior, por exemplo) em vídeos incorporados dentro de um iframe.
  • Assim como a AMP agora tem o <amp-next-page> para documentos de "rolagem infinita", esse comportamento logo estará disponível para os elementos de página em uma lista. Isso será útil para permitir a rolagem contínua de elementos de listas, como resultados da pesquisa e cards de produtos.
  • Em breve, o mascaramento de entrada ajudará os usuários a preencher formulários de maneira mais eficiente. Esse recurso inclui automaticamente os elementos de formatação especificados pelos desenvolvedores, como espaços e caracteres intersticiais.
  • O suporte para a biblioteca de transparência e consentimento do IAB será incluído em breve como parte do <amp-consent>. Além disso, será possível integrar plataformas de gerenciamento de consentimento na Web (CMPs, na sigla em inglês) de terceiros. Se você fizer parte de uma CMP ou for um editor e tiver interesse na integração da biblioteca de consentimento do IAB em páginas AMP, fale com nossa equipe no GitHub.
  • O player <amp-ima-video> está sendo aprimorado com novos recursos e correções de bugs, incluindo a adição de botões de ativar/desativar som, a correção de controles ocultos durante a exibição e a capacidade de repetir o vídeo.
  • Vem aí a compatibilidade com anúncios fixos no computador quando a posição de fixação for na faixa esquerda ou direita da página.

* * *

Agradecemos à comunidade de desenvolvimento da AMP pelo trabalho e pelo feedback. Como sempre, se tiver problemas ou sugestões de recursos, fale conosco.

Postado por Eric Lindley, gerente de produtos do Projeto AMP no Google