Como instalar Google Analytics (GA4) com Google Tag Manager

Siga esse passo a passo para monitorar as visitas do seu site com o Google Analytics e o Google Tag Manager

Como instalar Google Analytics (GA4) com Google Tag Manager
Photo by Stephen Phillips - Hostreviews.co.uk / Unsplash

O Google Analytics e o Google Tag Manager são uma das ferramentas mais utilizada para monitorar o tráfego do sites na internet. Para instalar no seu site siga os passos a seguir.

Caso você ainda não possua um site, você pode aprender a criar um site do zero aqui.

Crie uma conta no Google Analytics aqui

Clique em 'Começar Avaliação'
Clique em 'Começar Avaliação'

Caso você já possua uma conta no Google Analytics e queira criar uma conta para um novo site, basta clicar no botão de Configurações (engrenagem no canto inferior esquerdo) e selecionar 'Criar conta'

Clique em 'Criar conta'
Clique em 'Criar conta'
Preencha o formulário de cadastro
Preencha o formulário de cadastro
Selecione o fuso horário e a moeda
Selecione o fuso horário e a moeda
Responda o questionário sobre o site (opcional) e clique no botão 'Criar'
Responda o questionário sobre o site (opcional) e clique no botão 'Criar'

Crie um fluxo de dados no Google Analytics

Agora que você já possui uma conta no Google Analytics, acesse o menu esquerdo inferior, clique em 'Administrador' e depois no canto direito clique em 'Fluxo de dados'

No menu 'Administrador' clique em 'Fluxo de dados'
No menu 'Administrador' clique em 'Fluxo de dados'
Selecione a plataforma 'Web'
Selecione a plataforma 'Web'
Adicione o endereço do seu site e clique em 'Criar Fluxo'
Adicione o endereço do seu site e clique em 'Criar Fluxo'
Copie o texto 'ID da métrica'. Você irá precisar no Google Tag Manager
Copie o texto 'ID da métrica'. Você irá precisar no Google Tag Manager

Crie uma conta no Google Tag Manager aqui

Clique em 'Criar conta'
Clique em 'Criar conta'
Escolha o nome da conta, o nome do contêiner e clique em 'Criar'
Escolha o nome da conta, o nome do contêiner e clique em 'Criar'
Aceite os termos
Aceite os termos
Copie os códigos do Google Tag Manager para serem adicionados no seu site
Copie os códigos do Google Tag Manager para serem adicionados no seu site

Adicione os códigos do tag no seu site

Nesse exemplo aqui, vou mostrar como adicionar os códigos utilizando o Ghost CMS. Veja aqui como criar seu site usando o Ghost CMS.

O primeiro passo é acessar a interface de administrador do seu Ghost CMS.

Acesse a interface de administrador do Ghost e selecione 'Code injection'
Acesse a interface de administrador do Ghost e selecione 'Code injection'
Cole os respectivos códigos do tag manager no Ghost. O primeiro código é o da tag <head> e o segundo da tag <body>
Cole os respectivos códigos do tag manager no Ghost. O primeiro código é o da tag <head> e o segundo da tag <body>

Agora que sua tag já está instalada no seu site. Vale a pena instalar a extensão 'Google Tag Assistant Legacy' para o Chrome. Com ela é possível verificar se o tag foi instalado corretamente.

Depois de instalada a extensão, basta acessar seu site e verificar se a tag foi identificada.

Caso tenha dúvidas nesse passo, busque no youtube por 'como instalar google tag assistant' ou clique aqui

Confira se sua tag foi instalada corretamente
Confira se sua tag foi instalada corretamente

Adicione uma nova tag

Acesse o menu 'Visão geral' e depois em 'Adicionar nova tag'
Acesse o menu 'Visão geral' e depois em 'Adicionar nova tag'
Escolha um nome para tag e clique em 'Configuração da tag'
Escolha um nome para tag e clique em 'Configuração da tag'
Selecione a opção 'Google Analytics: configuração do GA4'
Selecione a opção 'Google Analytics: configuração do GA4'
Adicione o 'ID da métrica' foi criada no Google Analytics nos passos anteriores
Adicione o 'ID da métrica' foi criada no Google Analytics nos passos anteriores

Uma vez configurada a tag, é hora de adicionar um acionador para essa tag. Basicamente essa tag vai ser acionada sempre que todas as paginas forem exibidas.

Adicione um acionador (trigger) para a tag
Adicione um acionador (trigger) para a tag
Selecione 'All Pages'
Selecione 'All Pages'
Clique em 'Salvar' para finalizar a configuração
Clique em 'Salvar' para finalizar a configuração

Agora que a configuração foi finalizada, vale a pena testar se a tag está sendo disparada corretamente.

Verificar se a tag está sendo disparada

Clique em 'Visualizar' para testar a tag
Clique em 'Visualizar' para testar a tag
Digite o endereço do site e clique em 'Connect'
Digite o endereço do site e clique em 'Connect'
O seu site será aberto em uma nova janela e a mensagem 'Connected' aparecerá se tudo estiver correto
O seu site será aberto em uma nova janela e a mensagem 'Connected' aparecerá se tudo estiver correto
Verifique se o seu tag aparece na seção 'Tags fired'
Verifique se o seu tag aparece na seção 'Tags fired'
Volte para a página inicial do Tag Manager e clique em 'Enviar'
Volte para a página inicial do Tag Manager e clique em 'Enviar'
Escolha o nome da versão dessa atualização e clique em 'Publicar'
Escolha o nome da versão dessa atualização e clique em 'Publicar'

Entre no Google Analytics e verifique se os dados estão sendo coletados

Se todos os passos forem seguidos corretamente, no seu Google Analytics vai aparecer a mensagem abaixo. Normalmente essa mensagem demora por volta de 5 minutos após todas as configurações serem feitas.

Mensagem confirmando que a configuração está correta
Mensagem confirmando que a configuração está correta