Como configurar o GA4 para lojas do Style Editor.

O que é o Google Analytics 4? 

O Google Analytics 4 (GA4) é a versão mais recente do Google Analytics, criada para se adaptar às mudanças atuais, como o fim dos cookies e a evolução do mercado digital.

Por que foi criado?

As empresas estão investindo mais em aplicativos que trabalham junto com seus sites. A versão anterior, Universal Analytics, era focada principalmente em sites. O GA4 foi desenvolvido para funcionar tanto para aplicativos quanto para web e uma combinação de ambos (App+Web).

Como funciona o Google Analytics 4?

Diferente do Universal Analytics, que coletava dados baseados em visualizações de página, sessões, pixels e cookies, o GA4 coleta dados baseados em eventos.

O que são eventos?

Eventos são ações que os usuários realizam em seu site ou aplicativo, como realizar uma pesquisa ou clicar em um menu.

Vantagens do GA4

O GA4 oferece mais autonomia para os negócios, permitindo criar mapeamentos personalizados para coletar informações específicas. Isso significa que você pode adaptar a ferramenta para atender melhor às necessidades do seu negócio.

Integração com Universal Analytics

A nova integração com GA4 não afeta o uso do Universal Analytics (versão anterior). É recomendado utilizar ambas as versões inicialmente para aproveitar o melhor dos dois mundos durante a transição.
 

Como criar uma conta no Google Analytics 4?

Para configurar uma conta no GA4, siga estes passos:

• Google Analytics:

  • Acesse a página "Administrador" e clique em "Criar conta".

• Plataforma Wake Commerce:

  • Utilize essa plataforma para gerenciar e analisar os dados do seu negócio.

• Google Tag Manager:

  • Facilita a implementação e gerenciamento de tags no seu site ou aplicativo.

Seguindo esses passos, você estará pronto para aproveitar todas as funcionalidades do Google Analytics 4, adaptando-se melhor às demandas atuais do mercado digital.

E preencha todas as etapas de configuração. Ao chegar em Fluxo de dados selecione a plataforma Web.

Em Configurar fluxo de dados, insira a URL da sua loja, conforme descrito no exemplo abaixo, e o nome do fluxo que deseja criar.

Com o fluxo criado você será direcionado para página de detalhes do fluxo da Web. Nesta tela você terá acesso ao Código do fluxo e ao ID da métrica, dado que será utilizado na etapa de Configuração da Tag do Google Analytics 4. Copie o ID da métrica para seguir.

Como configurar o Google Analytics 4 no Google Tag Manager?

Primeiramente, acesse sua conta do Google Tag Manager e no menu lateral Tags clique no botão "Nova":

Feito isso, será preciso configurar a Tag, siga os passos abaixo.

No campo "Tag sem título", insira um nome para sua Tag, por exemplo, Google Analytics 4. Após o nome, clique no ícone para escolher o tipo de tag.

Em seguida, procure por Tag do Google e clique nessa opção.

Configuração da Tag do Google Analytics 4

No campo "ID da métrica", insira o código de acompanhamento do Google Analytics 4

(G-xxxxxxxxxx), código informado na última etapa da criação da conta do Google Analytics 4. 

Deixe o acionamento preenchido como All Pages.

Após configurar o acionador, clique em "Salvar" no botão superior direito.

Para finalizar é necessário publicar as alterações, para isso, clique no botão "Enviar", no topo da página, e depois em "Publicar" no pop-up que irá aparecer na tela.

Configuração na Plataforma

Após isso, acesse no painel administrativo da plataforma o menu Configurações >> Integrações >> Google Analytics.

Observação: o ID mostrado acima é um exemplo, sendo assim, é preciso que você copie o ID da sua conta no Google Tag Manager para informar no local solicitado.

Feito isso, o seu GA4 estará configurado. Agora, basta criar os seus eventos de acordo com sua necessidade.

Para saber mais sobre o Google Analytics 4 confira o artigo completo do Google clicando aqui.

Eventos sugeridos

Como plataforma sugerimos a criação de três eventos para utilização inicial da ferramenta, essa sugestão oferece um melhor aproveitamento do GA4.

• Evento de página do produto.

• Evento de adicionar produto ao carrinho;

• Evento de compras realizadas;

Para criação dos eventos confira os passos a seguir:

Observação: a sugestão dos eventos, são baseados em alguns padrões tanto de mercado como do que existe disponível em nosso template padrão do Storefront, assim todos os eventos podem e devem ser revistos segundo a necessidade que precisa.
 

Variáveis

O primeiro passo é a criação das variáveis.

Acesse o Google Tag Manager e clique em Variáveis >> Variável definida pelo usuário >> Nova. A criação deverá seguir exatamente os campos configurados abaixo. Isso dará acesso os parâmetros enviados para o data layer na plataforma, como valor da conversão, nome do produto, etc.

Variável 1 - ecommerce.items

Selecione as seguintes opções:

• Tipo da variável - Variável da camada de dados;

• Nome da variável da camada de dados - ecommerce.items;

• Versão da camada de dados - Versão 2;

• Salvar

Variável 2 - ecommerce.items.price

Selecione as seguintes opções:

• Tipo da variável - Variável da camada de dados;

• Nome da variável da camada de dados - ecommerce.items.price;

• Versão da camada de dados - Versão 2;

• Salvar

  

Variável 3 - ecommerce.transaction_id

Selecione as seguintes opções:

• Tipo da variável - Variável da camada de dados;

• Nome da variável da camada de dados - ecommerce.transaction_id;

• Versão da camada de dados - Versão 2;

• Salvar.

Variável 4 - ecommerce.value

Selecione as seguintes opções:

• Tipo da variável - Variável da camada de dados;

• Nome da variável da camada de dados - ecommerce.value;

• Versão da camada de dados - Versão 2;

• Salvar.

Variável 5 - google_tag_params.ecomm_pagetype

Selecione as seguintes opções:

• Tipo da variável - Variável da camada de dados;

• Nome da variável da camada de dados - google_tag_params.ecomm_pagetype;

• Versão da camada de dados - Versão 2;

• Salvar.

Evento dos acessos 

Existem alguns eventos que podem ser configurados para saber a navegação do cliente mediante as páginas acessadas, sendo eles o PageView, AddToCart e o de purchase, cada um sendo chamado em uma determinada parte da navegação.

Para esses dados vamos configurar os acionadores baseados nos eventos personalizados, que são os dados retornados no Datalayer da página.

O primeiro a ser configurado é o Pageview, para obter esses dados, para isso ao criar o evento selecione o acionar Evento Personalizado, esse mesmo procedimento vai ser utilizado para os outros acionadores.

Após isso, basta informar o nome do evento como page_view.

Para obter as informações dos produtos da home, categorias ou busca, pode ser utilizado o evento view_item_list.

Para obter as informações dos produtos adicionados ao carrinho add_to_cart.

Para obter informações das compras realizadas em sua loja, utilize o evento de purchase.

Com o acionador criado, retorne a tela inicial do GTM e clique na opção Tag >> Nova, para criar todas as tags para os eventos.

Evento de página do produtos

Ao criar uma nova tag defina a mesma com o tipo Tag do Google.

Defina os parâmetros, seguindo os dados abaixo.

E no acionador defina como page_view.

Ficando da seguinte maneira:

Evento de adicionar os produtos ao carrinho

Ao criar uma nova tag defina a mesma com o tipo Tag do Google.

Defina os parâmetros, seguindo os dados abaixo.

E no acionador defina como add_to_cart.

Ficando da seguinte maneira:

Evento de finalização de compra - Purchase

Ao criar uma nova tag defina a mesma com o tipo Tag do Google.

Defina os parâmetros, seguindo os dados abaixo.

E no acionador defina como purchase.

Ficando da seguinte maneira:

Por fim clique em salvar.

Após criação de todos os eventos clique em Enviar e Publicar.

Importação de Contêiner

Para auxiliar com as tags, disponibilizamos um contêiner já pronto com todas as tags, variáveis e acionadores criados, basta selecionar no menu a opção de Administrador e depois em Importar Contêiner, pode selecionar o arquivo que está nesse link aqui.
 

Após isso, recomendamos a opção de Mesclar, caso a conta de destino já tenha configurações próprias.

Caso ao finalizar a criação dos eventos recomendados você ainda sinta falta de algum dado do painel do Google Analytics 4, indicamos a criação de novos eventos. Para acessar a biblioteca de eventos disponível no Google clique aqui e confira a documentação completa.