Participe da nossa pesquisa para desenvolvedores. Queremos saber sua opinião para melhorar o Google Analytics e torná-lo uma ferramenta ainda melhor.

Adicionar a tag do Google Analytics para propriedades do Google Analytics 4 ao seu site com a gtag.js

Este artigo descreve como configurar uma página da Web para propriedades do Google Analytics 4 (GA4) com a gtag.js. Saiba mais sobre essas propriedades.

A tag global do site (gtag.js) é uma API e um framework de inclusão de tags JavaScript que permite enviar dados de evento para os produtos de medição do Google. A tag padrão fornecida pelo Google Analytics tem a gtag.js como base e pode ser extraída diretamente do Google Analytics. Você também pode implantar o Google Analytics com o Gerenciador de tags. Neste artigo, você verá como criar sua própria tag do Google Analytics ou integrar uma propriedade adicional do GA a uma instalação existente da gtag.js.

Instalar uma nova tag

Para instalar o Google Analytics sem uma tag global do site, use o protótipo abaixo. Substitua MEASUREMENT_ID pelo ID da propriedade do Google Analytics a que você quer enviar os dados. Esse código aparecerá imediatamente após a tag <head> de abertura. É preciso implementar apenas um snippet global por página.

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'MEASUREMENT_ID');
</script>

Este código carrega a biblioteca gtag.js, define um ID padrão de métricas do Google Analytics e envia um evento page_view ao GA automaticamente.

Adicionar outra propriedade do Google Analytics a uma tag existente

Se você quiser configurar uma segunda propriedade do Google Analytics, adicione outro comando "config". Para desenvolver o exemplo anterior, inclua uma nova entrada "config" e substitua MEASUREMENT_ID_2 pelo ID de uma segunda conta do GA:

<script async src="https://www.googletagmanager.com/gtag/js?id=MEASUREMENT_ID">
</script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'MEASUREMENT_ID');
  gtag('config', 'MEASUREMENT_ID_2');
</script>

Também é possível adicionar o Google Analytics a tags globais do site originadas de outros produtos, como o Google Ads, o Floodlight etc. Saiba mais.