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 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 código da propriedade do Google Analytics à qual 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 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 código 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