Como usar a AMP nas suas páginas de destino do Google Ads

Páginas de destino mais rápidas geralmente geram mais conversões, e a AMP é uma ótima maneira de criar páginas de destino atraentes do Google Ads que carregam mais rapidamente. O amp.dev oferece aos desenvolvedores da Web os recursos necessários para criar páginas atraentes e de alto desempenho. Este guia explicativo descreve como usar o Google Ads e outras tecnologias de publicidade nas suas páginas AMP.

Etapa 1: criar e validar páginas AMP

Criar páginas AMP

Para saber como criar uma página AMP básica, comece com o tutorial Criar sua primeira página AMP do projeto AMP. Para mais orientações práticas e detalhadas, siga os tutoriais Converter HTML em AMP e Adicionar recursos avançados do AMP. Confira exemplos de código e modelos de componentes AMP em Exemplos de sites AMP e Modelos AMP.

A lista abaixo descreve alguns componentes usados nas páginas AMP. Consulte a lista completa de componentes para referência.

  • amp-bind: adicione interatividade stateful personalizada com base em eventos semelhantes a JavaScript.
  • amp-form: crie páginas de destino que exigem entrada do usuário.
  • amp-list: busca conteúdo dinamicamente de um endpoint JSON CORS.
  • amp-carousel: carrossel de imagens para rolar uma galeria de imagens.
  • amp-lightbox: mostra a visualização em tela cheia de um componente quando ele é interagido.
  • amp-call-tracking Substitui dinamicamente um número de telefone em um hiperlink para o acompanhamento de chamadas.
  • amp-mustache: permite a renderização com Mustache.js.
  • amp-date-picker: fornece um widget para selecionar datas. O seletor de data pode ser renderizado como uma sobreposição em relação aos campos de entrada ou como um widget de calendário estático.

Validar páginas AMP

Durante o desenvolvimento, verifique se as páginas AMP são válidas. O AMP oferece vários métodos diferentes para validar seus documentos. A maneira mais comum de validar uma página AMP é usando o validador da Web ou o validador do Search Console. Também é possível usar o plug-in do navegador Chrome e o console do desenvolvedor ou integrar o módulo npm amphtml-validator no seu build.

Você também pode usar o AMPBench, que é um serviço e um aplicativo da Web de código aberto para validar e depurar problemas relacionados à implantação de páginas AMP.

Para receber suporte com os testes do AMP, acesse a página Como receber suporte do projeto AMP.

Etapa 2: configurar o AMP para acompanhamento de conversões e análise

Use o componente amp-analytics para acompanhar as conversões do Google Ads. Siga as etapas em Configurar a medição de conversões do Google Ads para páginas de destino AMP para saber como fazer isso.

Google Analytics

O Google Analytics é uma das soluções de análise compatíveis com o amp-analytics. Para permitir que as sessões sejam unificadas em páginas AMP e não AMP, siga as etapas em Configurar a unificação de sessão do Google Analytics para AMP.

Gerenciador de tags do Google

O componente amp-analytics tem suporte integrado ao Gerenciador de tags do Google. Além das conversões do Google Ads, você pode usar o Gerenciador de tags do Google para adicionar o remarketing, o DoubleClick Floodlight, o Google Universal Analytics e produtos de medição semelhantes. Consulte a lista completa de tags compatíveis.

Adobe Analytics (antes conhecida como Omniture)

O Adobe Analytics oferece dois métodos para implementar a solução de rastreamento de desempenho do site com o componente amp-analytics: iframe (adobeanalytics_nativeConfig) e não-iframe (adobeanalytics). Leia sobre os prós e contras e os detalhes de implementação de cada abordagem.

Você pode usar o componente amp-analytics para acompanhar ações e eventos do usuário. O AMP Analytics tem suporte nativo de mais de 40 fornecedores de análise. O framework é flexível e permite medir e acionar URLs usando configurações personalizadas para enviar informações de análise aos seus próprios servidores ou a fornecedores em que o suporte nativo do AMP não está disponível. Se você estiver usando uma tecnologia que não tem suporte no momento, peça ao fornecedor para adicionar suporte.

A análise de AMP também permite a substituição flexível de variáveis. Para mais detalhes, consulte a documentação sobre substituição de variáveis.

Etapa 3: ativar a veiculação de AMP na interface do Google Ads

Embora as páginas AMP na Pesquisa Google sejam detectadas automaticamente pelo link das suas páginas, os anunciantes precisam inserir explicitamente o URL da página AMP no Google Ads. Leia Como usar a AMP com o Google Ads para saber como configurar URLs de AMP na interface do Google Ads.

No momento, a veiculação do cache está disponível para anúncios de texto nas páginas de resultados da Pesquisa Google veiculadas na maioria dos principais navegadores, incluindo o Chrome para Android, o Google app de pesquisa para Android e o Safari para dispositivos móveis. Nós ampliaremos a cobertura ao longo dos próximos meses.

Se você quiser testar como uma página AMP aparece quando é entregue do cache de AMP do Google no Visualizador de Pesquisa Google, insira seu artigo AMP na Ferramenta de teste de AMP da Pesquisa e clique em Link de visualização.

Além disso, se você quiser direcionar o tráfego do Google Ads para sua página de destino AMP, mas não quiser que ele apareça nos resultados da pesquisa orgânica, adicione diretivas de proibição para as páginas AMP relevantes ao robots.txt, como faria com qualquer página da Web normal.

Como atualizar o conteúdo AMP nas páginas de destino

Quando um usuário solicita um documento AMP do Cache de AMP do Google, o cache solicita automaticamente atualizações para poder disponibilizar um novo conteúdo para o próximo usuário depois que ele tiver sido armazenado. Com esse modelo, as atualizações dos documentos AMP se propagam de forma rápida e automática. Poucos usuários vão notar a versão não atualizada após a atualização. Além disso, se necessário, a API update-cache pode ser usada para atualizar ou remover conteúdo do cache de AMP.

O projeto AMP adiciona novas funcionalidades e componentes todos os dias. Se você encontrar uma funcionalidade ausente, poderá contribuir ou solicitar que ela seja adicionada abrindo um problema do GitHub.

Processamento de página AMP inválido

Quando uma página se torna inválida, o cache de AMP descobre isso no período de algumas solicitações e começa a redirecionar para a origem da página AMP veiculada. Pode levar de um a dois dias para reverter para a veiculação do cache do AMP.