Como configurar o Google Analytics em páginas AMP

PUBLICADO POR AYLTON INACIO
Tutoriais e Artigos > Google Analytics

Este conteúdo é sobre as propriedades do Google Analytics Universal (GAU ou GAv3).

As páginas AMP (Accelerated Mobile Pages) são páginas otimizadas para uma carregamento rápido em celular. É um projeto que o Google apoia e hoje afeta os resultados de pesquisa feitas pelos usuários do seu site.

Neste post eu considero que você já tem páginas AMP no seu site e precisa configurar e usar o Google Analytics pra acompanhar os números de acesso relacionados com essas páginas.

Se preferir, acesse "Como configurar o Google Analytics em páginas AMP" no YouTube.

Configuração básica para acompanhar pageviews

Para fazer a configuração básica do Google Analytics em uma página AMP, copie o seguinte código e substitua <GA_ID> pelo código de propriedade que você quer usar. Saiba como configurar o Google Analytics e encontrar seu código.

<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<amp-analytics type="gtag" data-credentials="include">
<script type="application/json">
{
  "vars" : {
    "gtag_id": "GA_ID",
    "config" : {
      "GA_ID": { "groups": "default" }
    }
  }
}
</script>
</amp-analytics>

A forma apresentada é para funcionar com os recursos gtag.

Existem outras formas de fazer a configuração e alguns plugins de CMSs podem não funcionar com o código anterior. Na sequência vou mostrar como fazer com um plugin do WordPress e código diferente.

Configuração básica pelo WordPress

Se você usa algum CMS no seu site, como o WordPress, por exemplo, pode facilitar o processo instalando um dos vários plugins disponíveis. Um deles é o Oficial AMP plugin for WordPress.

Segue a configuração do Google Analytics com plugin e código AMP alternativo: