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

Páginas de destino mais rápidas normalmente geram mais conversões, e a tecnologia AMP é uma ótima maneira de criar páginas de destino do Google Ads com carregamento mais rápido. O amp.dev oferece aos desenvolvedores da Web os recursos necessários para criar páginas atrativas 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 detalhadas e práticas, conclua os tutoriais Converter HTML em AMP e Adicionar recursos avançados de AMP. Você encontra exemplos de código e modelos de componentes AMP em Exemplos de sites AMP e Modelos de 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 personalizada com estado com base em eventos semelhantes a JavaScript.
  • amp-form: cria páginas de destino que exigem entrada do usuário.
  • amp-list: busque conteúdo dinamicamente de um endpoint JSON CORS.
  • amp-carousel: carrossel de imagens para rolar uma galeria de imagens.
  • amp-lightbox: exibe a exibição em tela cheia de um componente após a interação dele.
  • amp-call-tracking Substitui dinamicamente um número de telefone em um hiperlink para acompanhamento de chamadas.
  • amp- mostache: permite renderização com Mustache.js (em inglês).
  • amp-date-picker: fornece um widget para selecionar datas. O seletor de data pode ser renderizado como uma sobreposição relativa 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. A 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 das Ferramentas do Google para webmasters. Também é possível usar o plug-in do navegador Chrome e o console do desenvolvedor ou integrar o módulo npm amphtml-validator ao seu build.

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

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

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

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 e saiba 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 compatibilidade integrada com o Gerenciador de tags do Google. Além das conversões do Google Ads, você pode usar o Gerenciador de tags do Google para adicionar produtos de remarketing, DoubleClick Floodlight, Google Universal Analytics e produtos de medição semelhantes. Consulte a lista completa de tags compatíveis.

Adobe Analytics (anteriormente conhecido como Omniture)

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

Você pode usar o componente amp-analytics para rastrear ações e eventos do usuário. O AMP Analytics oferece 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 quando o suporte a AMP nativo não está disponível. Se você estiver usando uma tecnologia que não é compatível no momento, peça ao seu 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 IU do Google Ads

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

No momento, a veiculação em cache está disponível para anúncios de texto nas páginas de resultados da pesquisa do Google exibidas na maioria dos principais navegadores, incluindo o Android Chrome, o app da Pesquisa Google 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 exibida no cache de AMP do Google no visualizador da Pesquisa Google, insira o artigo AMP na ferramenta de teste de AMP da Pesquisa e clique em Visualizar link.

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

Atualizar 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 conteúdo novo ao próximo usuário após o conteúdo ser armazenado em cache. Com esse modelo, as atualizações dos documentos AMP se propagam de forma automática e rápida. Poucos usuários perceberão 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údos do cache de AMP.

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

Gerenciamento inválido de páginas AMP

Quando uma página é invalidada, o Cache de AMP descobre isso em algumas solicitações e começa a redirecionar para a origem veiculada pela página AMP. Pode levar de um a dois dias para reverter para a veiculação do cache de AMP.