A plataforma Loja Integrada, permite somente realizar instalação de Tags através do Google Tag Manager, tem um campo específico para inserir o código do GTM-000000000.
Dentro da plataforma da Loja Integrada, ir em Soluções > Aplicativos, logo em seguida será exibido às aplicações da Loja Integrada e você deverá procurar por Google Tag Manager e clicar em > Instalar.
Abaixo imagens da tela para inserir o código:
Agora é só inserir o ID do Google Tag Manager:
Observação: Verificar se ficou algum espaço antes do G do GTM, quando cola o código fica um espaço a mais, limpar o espaço para não dar erro na instalação.
A plataforma da Loja Integrada utiliza um seletor para gerar as informações finais como valor da compra e número do pedido, então quando pegar a plataforma Loja Integrada e for realizar uma Conversão de Compra, é só seguir os passos abaixo.
1° Criar uma nova tag no Google Tag Manager:
2° Escolher a opção: Acompanhamento de conversões Google ads.
3° Inserir nos campos o Código da conversão e o Rótulo da conversão que são gerados pelo Google Ads.
4° Para atrelar a conversão ao valor da compra gerado, clicar em + no Valor da conversão:
5° Clicar no botão do + no canto superior direito:
6° Clicar em configuração da variável:
7° Escolher a opção JavaScript Personalizado:
8° No campo JavaScript Personalizado colocar o código abaixo:
OBS: as vezes o padrão muda, querySelector("div.total"), então sempre fique atento se o seletor vai ser o mesmo
9° No campo Código da Transação, realizar o mesmo procedimento do Valor da Transação.
E colocar o seguinte código:
10° No Código da moeda é só colocar o código da moeda de cada País, no exemplo abaixo configuramos para o Brasil.
11° E por final, configurar o acionamento na página final da compra. A Loja Integrada realiza a finalização de compra em uma URL específica, que contém o parâmetro “finalizacao”, o qual sera utilizado para acionar a conversão.
12° Clicar em acionamento:
13° Clicar no botão + no canto superior direito:
14° Clicar em confuguração do acionador.
15° Escolher a opção DOM Pronto ou DOM Ready.
16° Configure exatamente igual ao print abaixo:
Pronto, a conversão de compra da Loja Integrada foi realizada.
Importante: Não esquecer de publicar a versão!
Para produtos com variações, basta seguir o documento do link a seguir:
Para produtos sem variações, basta seguir o documento do link a seguir:
Para o Comércio eletrônico funcionar na Loja Integrada é necessário fazer a integração da Loja Integrada com o Google Analytics UA.
Universal Analytics: Documentação Loja Integrada
Após ser inserido o ID de rastreamento é somente necessário ativar o Comércio Eletrônico no Google Analytics e realizar os testes.
https://drive.google.com/file/d/1SXL8U6xhoI1snH2Wes4UsYcEtRcruAVO/view?usp=sharing
OBS Importante: Para o container acima funcionar, é necessário que o GTM tenha sido instalado pela integração da loja para o GTM, como no exemplo abaixo.
O Loja Integrada não tem uma integração rápida com o Merchant Center, apenas gera o XML dos produtos para serem consumidos diretamente no feed do Merchant Center.
Para gerar XML para produtos Google Merchant Center na Loja Integrada é só seguir os passos do link abaixo:
O Loja Integrada pode te dar uma dorzinha de cabeça para a instalação de códigos de Conversão Otimizada na plataforma, ou não, dependendo da situação.
Como sabemos, a conversão otimizada exige que sejam enviados dados pessoais do usuário para a conta do Google Ads que está gerando a conversão para o anunciante, portanto, e-mail ou nome + endereço + telefone (opcional) devem ser coletados dentro da plataforma do Loja Integrada.
Lembrando que o método descrito aqui, funcionará de forma excelente para conversões de compra, caso o seu caso seja pra um formulário de contato ou orçamento, terá que fazer o passo a passo manualmente, conforme códigos do Community ou seguindo esse tutorial do nosso site: https://sites.google.com/corp/google.com/webao-sme-cms/tasks-google/enhanced-conversion
Para começar, vamos coletar apenas dois dados no caso desse tutorial, e-mail e telefone.
O e-mail é o mais simples, visto que o Loja Integrada nos fornece direto na página de finalização da compra via dataLayer o e-mail do cliente que está comprando. Basta usar a chave do dataLayer chamada "email", conforme print abaixo:
Agora para o telefone é outra história.
Lembrando que quanto mais dados pessoais enviarmos para as conversões otimizadas melhor ela ficará, então o ideal é que você não envie somente o e-mail, pois o caso poderá voltar para o nosso time posteriormente por falta de match de dados no dashboard.
No checkout da Loja Integrada temos dois caminhos diferentes que podem rolar, o primeiro é o usuário já ter um cadastro feito anteriormente a compra e estar logado, sendo assim ele não digitará seu telefone em nenhum campo, em nenhum momento da compra.
O outro caminho é ele não ter um cadastro na loja ainda e irá criar um na página de checkout.
Sendo assim, geramos o código abaixo para que funcione a coleta do telefone do comprador nessas duas hípoteses.
1° Caso o cliente já tenha GTM, copie o código abaixo:
2° No GTM instalado no site, crie uma tag de HTML Personalizado e cole o código copiado na configuração da tag.
3° Em acionamento, selecione "DOM Pronto" e deixe como "Todos os eventos DOM Pronto".
(O DOM Pronto irá aguardar a página carregar seu HTML completamente)
4° Na tag de Conversão de Compra, coloque o acionador como Evento Personalizado > Nome do Evento igual á "purchase_enhanced" e salve as alterações.
(Caso o cliente ainda não tenha uma tag de Conversão de Compra, você deverá criar conforme o segundo tópico dessa página "Conversão de Compra na Loja Integrada").
5° Ainda na tag de conversão de compra, clique na "Configuração da Tag" em seguida marque a opção "Incluir dados fornecidos pelo usuário do seu site" e clique na seleção "Select user-provided data variable" e selecione em "Nova variável".
6° Na próxima tela, na variável de e-mail, clique na seleção e selecione "Nova variável", após isso configure a variável como "Variável da Camada de Dados" e coloque o nome da variável da camada de dados como "email_enhanced" e salve a variável no canto superior direito.
7° Agora na variável de telefone, clique na seleção e selecione "Nova variável", após isso configure a variável como "Variável da Camada de Dados" e coloque o nome da variável da camada de dados como "phone_enhanced" e salve a variável no canto superior direito.
8° Salve todas as alterações feitas e publique o contêiner e faça os testes para verificar se funcionou.
1° Caso o cliente não tenha GTM, copie o código abaixo:
2° Siga o passo a passo do link a seguir para instalar código personalizado no Loja Integrada:
3° Cole o código copiado no passo 1, PORÉM, não salve ainda. Configure o campo "Página publicação" para aparecer em "Todas as páginas" e o campo "Local publicação" deixe como "Cabeçalho" e siga para o passo 4 antes de salvar.
4° Altere o campo "send_to" dentro da função gtag() do código copiado, coloque o código da conversão (id/rótulo) criada no Painel do Ads do cliente, segue abaixo um print do código a ser alterado/inserido.
5° Após isso salve todas as alterações e aplique os testes de conversão otimizada.
E assim, o Enhanced Conversion pra Loja Integrada deverá funcionar perfeitamente!
A Loja Integrada tem suas dificuldades, porém, dentro das tasks que realizamos é uma dos mais amigáveis.
Esperamos que esse conteúdo seja útil pra você que está lendo!