Para inserir codigos dentro da plataforma da Shopify siga as seguintes instruções:
Vá em Loja Virtual > Temas > Ações > Editar código > theme.liquid.
Antes de realizar a implementação é necessário identificar a forma de checkout da plataforma, pois a plataforma pode utilizar outras plataformas para checkout como Yampi, Cart Panda, entre outros.
Essa solução é especificadamente para o Checkout dentro da Shopify.
Para realizar uma conversão de compra na plataforma basta seguir os seguintes passos:
Sempre que realizamos alguma implementação devemos inserir a tag Global do Google Ads dentro da plataforma, conforme instruído anteriormente em "Inserindo código personalizado no Shopify".
Após essa ação, siga os passos abaixo.
Vá em Configurações > Checkout > Scripts adicionais > Order processing
Insira o seguinte código:
A plataforma oferece outras opções de configurar a conversão, como o valor total sem o frete, entre outros conforme artigo abaixo:
https://help.shopify.com/pt-BR/manual/promoting-marketing/analyze-marketing/tracking-adwords-conversions
O Shopify é uma plataforma de código fechado, restando ao agente trabalhar com código dentro dos recursos oferecidos no sistema. Desse modo, é importante o agente estar entrosado com o Shopify. Por isso recomendamos que leia o artigo acima antes de realizar a configuração.
1º Insira a tag Global do Google Ads no site conforme instruído anteriormente.
2º Configure a conversão dentro do Google Ads:
✓ Caso o cliente ja tenha uma conversão de compra utilize a mesma, caso não, crie uma nova.
✓ Após a criação ative a conversão otimizada, definido o modo de captura para Global Site Tag (Obrigatoriamente).
✓ Após essa alteração, será solicitado a forma que desejamos configurar a conversão otimizada. Existem duas opções automática e manual. Defina como manual e insira seletores de Javascript ou CSS.
✓ Em seguida marque as opções E-Mail, Telefone, Nome e Endereço. Todas as opções de seletores devem ser JavaScript.
✓ Insira nos campos a seguir os valores respectivos para cada:
enhanced_conversion_data.email
enhanced_conversion_data.phone_number
enhanced_conversion_data.first_name
enhanced_conversion_data.last_name
enhanced_conversion_data.home_address.street
enhanced_conversion_data.home_address.city
enhanced_conversion_data.home_address.region
enhanced_conversion_data.home_address.country
enhanced_conversion_data.home_address.postal_code
3º Implementação do código:
✓ O código deve ser inserido em Additional Scripts, assim como informado na conversão de compra:
Configurações > Checkout > Scripts adicionais > Order processing
✓ A primeira linha do código tem o padrão da gtag, a qual deve ser substituida pelo o do cliente.
Deve ser alterado o que está em negrito.
Exemplo: {% assign fa_send_to = 'AW-123456789/abcdefghijlklmnopq' %}
✓ Código da Conversão Otimizada de compra Shopify:
✓ Caso não funcione, siga a seguinte documentação:
https://analyzify.app/hub/google-ads-enhanced-conversion-setup-on-shopify/
Sabemos que existem diversas formas de capturar cliques nos botões de WhatsApp, mas existem alguns específicos da Shopify.
Abaixo deixo uma solução para esses botões específicos:
✓ O código deve ser inserido no theme.liquid, conforme instruido anteriormente:
Vá em Loja Virtual > Temas > Ações > Editar código > theme.liquid.
✓ Utilize o seguinte código:
Nesta seção, veremos como configurar o Remarketing Dinâmico do Google Ads na Shopify seguindo quatro etapas simples, codificando em seu tema:
1º Adicione um novo snippet para Remarketing Dinâmico do Google Ads:
Faça login na Shopify e vá para Loja virtual > Temas > Editar HTML/CSS.
Vá para a seção Snippet na barra de navegação esquerda e clique em Adicionar um novo snippet.
Dê o nome: google-ads-dynamic-remarketing.
Cole o código abaixo e salve.
Lembre-se de modificar o AW-123456789 no snippet abaixo para corresponder aos seus próprios IDs do Google Ads, o parâmetro que deve ser alterado esta em negrito.
2º Chame o Snippet que você criou no arquivo de tema:
Antes de personalizar seu tema, é uma boa ideia duplicá-lo para criar uma cópia de backup. Isso torna mais fácil descartar suas alterações e começar novamente, se necessário.
✓ Vá em Loja Virtual > Temas > Ações > Editar código > theme.liquid.
✓ Insira o código abaixo no <head> e salve.
3º Adicione o script de checkout nas configurações do script de checkout:
Em seguida, você precisa adicionar o script de checkout final, vá em Shopify Admin:
Configurações > Checkout > Scripts adicionais.
Lembre-se de atualizar o AW-123456789 com seu ID do Google Ads, assim como foi feito anteriormente, o parâmetro que deve ser alterado esta em negrito:
4º Teste sua configuração para ter certeza de que funcionou.
Após a ação, infelizmente o Tag Assistant não está pronto para verificar os resultados das alterações realizadas.
Para garantir a configuração adequada do seu Remarketing Dinâmico, precisamos testar o código-fonte na sua página.
✓ Vá para a página de interesse (por exemplo, visualização de detalhes do produto).
✓ Clique com o botão direito do mouse em algum lugar da página.
✓ Ver origem da página.
✓ Pesquise a seção "Snippet de evento para remarketing dinâmico".
✓ Verifique se seu código disparou como você deseja, com os valores corretos.
Após a validação foi concluída a instalação, o próximo passo será a configuração da lista de público-alvo do Google Ads.
5º Configure suas listas de público.
Ao concluir o processo de instalação, você poderá notar algumas listas criadas automaticamente em sua conta do Google Ads em Gerenciador de Público-Alvo. Após o acompanhamento do processo de implementação, e comprovado que sua configuração funcionou da forma correta com coleta de dados, deve-se começar a criar suas listas de público.
✓ Faça login no Google Ads.
✓ No canto superior direito, clique em Ferramentas e configurações.
✓ Em Biblioteca Compartilhada, selecione Gerenciador de público-alvo.
✓ Clique no sinal de mais + no canto superior esquerdo.
✓ Selecione visitantes do site.
✓ Na seção Página visitada, selecione Evento na lista suspensa.
✓ Defina o operador como igual e o nome do evento descreve seu público (por exemplo, evento igual a view_item).
✓ Clique em Criar público.
Seu público está pronto para uso.
✓ Segue uma lista completa de valores de eventos disponíveis:
view_item_list
view_item
view_search_results
view_cart
purchase
✓ Você também pode criar públicos usando os parâmetros criados:
ecomm_pagetype (home, cart, product, etc.)
ecomm_prodid
ecomm_totalvalue
Agora você está pronto para configurar suas campanhas de remarketing dinâmico no Google Ads usando os públicos-alvo criados.
Para realizar o Comércio Eletrônico no Shopify é necessário que a integração do Google Analytics seja configurado na plataforma:
Ir em Loja virtual> Preferências > Google Analytics > Configure o ID Analytics > Habilite o Enhanced Ecommerce.
Observação: O Google Analytics só poderá rastrear os visitantes depois que você remover a proteção de senha da sua loja virtual, para isso basta realizar os seguintes passos:
1º No Admin da Shopify, acesse Loja virtual > Preferências.
2º Na seção Página de senha, desmarque a opção Habilitar página de senha.
3ºClique em Salvar.
Feito as ações é só testar e validar.
Importante: Para que a configuração funcione deve ser habilitado no Google Analytics o Comércio Eletrônico, lembre-se de validar a região, fuso horário e código da moeda na propriedade.
Link de Apoio:
https://help.shopify.com/pt-BR/manual/reports-and-analytics/google-analytics/google-analytics-setup
O comércio eletrônico do GA4 na plataforma Shopify, ainda não é disponível por integração.
Portanto para realizara essa configuração, é necessário seguir os seguintes passos:
1. Após a criação da conta do GA4, copie o código global da propriedade:
Acesse Administrador > Fluxo de dados > Abra o fluxo > Clique em Tag global do site (gtag.js)
2. Insira a tag global na plataforma Shopify:
✓ Vá em Loja Virtual > Temas > Ações > Editar código > theme.liquid.
✓ Insira o código abaixo no <head> e salve.
3º Implementação do código:
✓ O código deve ser inserido em Additional Scripts, assim como informado na conversão de compra:
Configurações > Checkout > Scripts adicionais > Order processing
✓ Altere o ID de métrica G-1234567 do código para o ID de métrica do GA4 do cliente, nas duas linha que ele se repete.
✓ Código de Ecommerce GA4 implementado na Shopify:
Link de apoio:
https://www.lovesdata.com/blog/google-analytics-4-shopify#:~:text=The%20way%20you%20set%20up,store%2C%20including%20the%20checkout%20pages
Para essa ação o Shopify deve estar vinculado a conta do Google Merchant Center no seguinte caminho:
1º Clique no + em CANAIS DE VENDA e vincule o Google:
2º Feito isso é necessário conectar o Shopify com a conta do Google Merchant Center:
3º Em configuração de Feed de Produtos especifique o País de destino e o Idioma:
4º Em frete selecione “Importar automaticamente as configurações de frete” e clique em Salvar.
Quando você configura o canal de vendas Google pela primeira vez, todos os produtos disponíveis em sua loja virtual são automaticamente sincronizados com o Google Merchant Center.
Caso deseje realizar sincronizações especificas, segue o link de ajuda da própria plataforma:
https://help.shopify.com/pt-BR/manual/promoting-marketing/create-marketing/google/syncing-products
A Conversão de Compra na plataforma da Shopify exige que o código seja implementado em um local específico para que seja disparado da forma correta, a própria plataforma disponibiliza informações em seu Datalayer.