Adicionar a tag do Google Analytics às propriedades App + Web no seu site com a gtag.js

Este artigo descreve como configurar uma página da Web para propriedades App + Web 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 tag JavaScript que permite enviar dados de eventos para os produtos de avaliaçã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 no 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 GA a que você gostaria de enviar dados. Este código precisa ser adicionado após a tag <head> de abertura. É necessário 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 avaliação 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 um comando de configuração adicional. Para desenvolver o exemplo anterior, adicione uma nova entrada de configuração 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.