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

Páginas de destino mais rápidas costumam gerar mais conversões, e a tecnologia AMP é uma ótima maneira de criar páginas de destino atraentes do Google Ads que carregam mais rapidamente. amp.dev oferece aos desenvolvedores da Web os recursos necessários para criar páginas atraentes e de alta performance. Este guia passo a passo 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 do projeto AMP Create your first AMP page sobre como criar sua primeira página AMP. Para mais orientações práticas e passo a passo, conclua os tutoriais Converter HTML em AMP e Adicionar recursos avançados de AMP features. Você pode encontrar 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 personalizada com estado com base em eventos semelhantes a JavaScript.
  • amp-form: Crie páginas de destino que exigem a 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 visualização em tela cheia de um componente quando ele é acessado.
  • amp-call-tracking : substitui dinamicamente um número de telefone em um hiperlink para o rastreamento de chamadas.
  • amp-mustache: permite a renderização com Mustache.js.
  • amp-date-picker: oferece um widget para selecionar datas. O seletor de datas 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, é importante garantir que suas páginas AMP sejam válidas. A tecnologia 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 para webmasters do Google. Você também pode usar o plug-in do navegador Chrome e o console do desenvolvedor ou integrar o módulo npm amphtml-validator na sua build.

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

Para receber suporte com os testes de AMP, acesse a página de suporte do projeto AMP (link em inglês): Getting Support.

Etapa 2: configurar a tecnologia 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 unificar as sessões em páginas AMP e 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 Google Tag Manager. Além das conversões do Google Ads, você pode usar o Google Tag Manager para adicionar remarketing, DoubleClick Floodlight, Google Universal Analytics e produtos de medição semelhantes. Consulte a lista completa de tags compatíveis.

Adobe Analytics (antigamente conhecido como Omniture)

O Adobe Analytics oferece dois métodos para implementar a solução de acompanhamento de performance do site com o componente amp-analytics: implementação de 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 vem com suporte nativo de mais de 40 fornecedores de análise. A estrutura é flexível e permite que você meça e acione 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 de AMP não está disponível. Se você estiver usando uma tecnologia que não é compatível no momento, 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 a tecnologia AMP com o Google Ads para mais detalhes sobre 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 normal.

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