Na Unbox, a estrutura de rastreamento de dados é centralizada no Google Tag Manager. Por isso, as configurações do Google Analytics 4 (GA4) e do Pixel da Meta (Facebook Pixel) devem ser realizadas diretamente no GTM.
Importante: a Unbox não precisa receber os dados ou as credenciais das suas contas do GA4 ou do Pixel da Meta. Essas ferramentas devem ser configuradas e vinculadas diretamente ao seu Google Tag Manager.
Para que nossa equipe possa auxiliar na configuração e validação das tags, é necessário conceder acesso ao seu GTM para:
1. Criar uma propriedade no Google Analytics 4
O primeiro passo é criar a propriedade do Google Analytics que será utilizada para acompanhar os dados da sua loja.
Acesse o Google Analytics.
Clique em Administração > Criar propriedade.
Informe o nome da propriedade, o fuso horário e a moeda.
Crie um fluxo de dados do tipo Web.
Informe a URL da sua loja.
Copie o ID de medição do GA4, no formato
G-XXXXXXXXXX.
Importante: guarde o ID de medição, pois ele será utilizado na configuração do Google Tag Manager.
2. Criar o Pixel da Meta
Agora, vamos criar o Pixel da Meta que será utilizado para acompanhar as interações dos usuários na sua loja.
Acesse o Meta Business.
Acesse o Gerenciador de Eventos.
Clique em Adicionar > Conectar fonte de dados > Web.
Selecione Meta Pixel e clique em Conectar.
Dê um nome ao Pixel e clique em Continuar.
Selecione Instalar o código manualmente.
Copie o código base do Pixel.
Importante: guarde o código do Pixel, pois ele será utilizado na configuração do Google Tag Manager.
3. Instalar o GA4 pelo Google Tag Manager
Depois de criar o GA4, vamos configurá-lo no Google Tag Manager.
Acesse o Google Tag Manager.
Selecione o container utilizado pela sua loja.
Caso ainda não tenha um container, crie um.
Acesse Tags > Nova.
Em Configuração da tag, selecione Google Analytics: GA4 Configuration.
Informe o ID de medição do GA4 copiado anteriormente.
Em Gatilho, selecione All Pages.
Salve a tag.
Publique a alteração no Google Tag Manager.
4. Instalar o Pixel da Meta pelo Google Tag Manager
Agora vamos adicionar o código do Pixel da Meta ao mesmo container do Google Tag Manager.
No Google Tag Manager, acesse Tags > Nova.
Em Configuração da tag, selecione HTML Personalizado.
Cole o código base do Pixel da Meta.
Caso a opção seja apresentada, marque Suportar document.write.
Em Gatilho, selecione All Pages.
Salve a tag.
Publique a alteração no Google Tag Manager.1. Configure o Google Analytics e o Pixel da Meta
5. Testar se o GA4 está funcionando
Depois de publicar a configuração, faça um teste para verificar se o GA4 está recebendo os dados da sua loja.
Acesse o Google Analytics 4.
Vá até Relatórios > Tempo real.
Abra sua loja em outra aba ou janela.
Navegue pelo site.
Verifique se o acesso aparece como um usuário ativo.
Se o usuário aparecer no relatório em tempo real, o GA4 está recebendo os dados corretamente.
6. Testar se o Pixel da Meta está funcionando
Para verificar o funcionamento do Pixel da Meta, recomendamos utilizar a extensão Meta Pixel Helper, disponível para o Google Chrome.
Instale a extensão Meta Pixel Helper.
Acesse sua loja.
Clique no ícone da extensão no navegador.
Verifique se o Pixel da Meta foi identificado como ativo.
Se o Pixel for identificado, a instalação inicial está funcionando corretamente.
7. Importar o arquivo JSON no Google Tag Manager
Depois de configurar o GA4 e o Pixel da Meta, você poderá importar o arquivo JSON disponibilizado pela Unbox.
O arquivo contém configurações que facilitam a implementação das tags necessárias para o rastreamento dos eventos da sua loja.
Como importar o arquivo JSON
Acesse o Google Tag Manager.
Abra o container utilizado pela sua loja.
No menu superior, clique em Administração.
Selecione Importar container.
Escolha o arquivo
.jsonenviado pela Unbox.Selecione o workspace utilizado pelo site. Normalmente, ele é chamado de Default Workspace.
Quando o Google Tag Manager perguntar como deseja realizar a importação, selecione Mesclar.
Importante: recomendamos utilizar a opção Mesclar, pois ela mantém as configurações existentes no seu container e adiciona as configurações presentes no arquivo JSON.
8. Confirme a importação.
Após a importação, as configurações do arquivo estarão disponíveis no seu Google Tag Manager.
8. Publicar as configurações
Depois de importar o arquivo JSON:
Revise as configurações adicionadas ao container.
Confirme se as tags foram importadas corretamente.
Clique em Enviar.
Revise as alterações.
Clique em Publicar.
Após a publicação, as configurações entrarão em funcionamento na sua loja.
Pronto!
Agora sua loja está configurada para realizar o rastreamento utilizando o Google Analytics 4 e o Pixel da Meta, com o gerenciamento das tags centralizado no Google Tag Manager.
A partir do GTM, você poderá gerenciar suas tags de rastreamento em um único lugar e acompanhar os dados da sua loja nas ferramentas conectadas.