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 as AMPs são 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 Crie sua primeira página AMP do Projeto AMP. Para orientações mais práticas e detalhadas, conclua os tutoriais Converter HTML em AMP e Adicionar recursos avançados de AMP. Encontre exemplos de código e modelos de componentes AMP em Exemplos de sites AMP e Modelos AMP.

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

  • amp-bind: adicione interatividade com estado personalizada com base em eventos semelhantes ao JavaScript.
  • amp-form: crie páginas de destino que exigem entrada do usuário.
  • amp-list: busca conteúdo dinamicamente de um endpoint JSON do CORS.
  • amp-carousel: carrossel de imagens para navegar em uma galeria de imagens.
  • amp-lightbox: mostra a visualização em tela cheia de um componente quando há interação com ele.
  • amp-call-tracking: substitui dinamicamente um número de telefone em um hiperlink para rastreamento 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 relativa aos campos de entrada ou como um widget de calendário estático.

Validar páginas AMP

Durante o desenvolvimento, valide se as páginas AMP estão em conformidade com a especificação de AMP. A AMP oferece vários métodos de validação. A maneira mais comum de validar uma página AMP é usando o validador da Web de AMP ou o teste de AMP do Search Console. Também é possível usar a extensão do Chrome do validador de AMP e o console para desenvolvedores ou integrar o módulo npm amphtml-validator ao seu build.

Para receber ajuda com os testes de AMP, acesse a página de suporte da AMP.

Etapa 2: configurar as AMPs para rastreamento 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 páginas não AMP, siga as etapas em Configurar a unificação de sessão do Google Analytics para AMP.

Google Tag Manager

O componente amp-analytics tem suporte integrado para 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 remarketing, Floodlight e produtos de medição semelhantes. Confira a lista completa de tags compatíveis.

Adobe Analytics

O Adobe Analytics oferece dois métodos para implementar a solução de rastreamento de performance do site com o componente amp-analytics: iframe (adobeanalytics_nativeConfig) e não iframe (adobeanalytics). Leia sobre as vantagens, desvantagens e detalhes de implementação de cada abordagem na documentação de AMP do Adobe Analytics.

Use o componente amp-analytics para acompanhar as ações e os 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 a AMP não está disponível. Se você estiver usando uma tecnologia que não é compatível, peça ao fornecedor para adicionar suporte.

O AMP Analytics 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 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 as AMPs com o Google Ads para saber como configurar URLs de AMP na interface do Google Ads.

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 ela apareça nos resultados da pesquisa orgânica, adicione diretivas Disallow para as páginas AMP relevantes ao seu arquivo robots.txt, como faria para qualquer página da Web comum.

Se você encontrar uma funcionalidade que está faltando nas AMPs, poderá contribuir ou solicitá-la abrindo um problema no GitHub.