Como configurar o rastreamento de comércio eletrônico GA4 na Shopify

Publicados: 2022-07-19

A essa altura, você já deve saber que o Google encerrará o Universal Analytics em julho de 2023 e mudará tudo para o GA4. Isso significa que os proprietários de sites precisam configurar o GA4 o mais rápido possível. Para sites de comércio eletrônico, há a complicação adicional de fazer o rastreamento de comércio eletrônico funcionar também no GA4. Para as lojas da Shopify, esse processo era muito simples no Universal Analytics, mas é mais desafiador no GA4.

Continue lendo para ver um processo fácil de configurar o rastreamento de comércio eletrônico GA4 em qualquer site da Shopify sem precisar instalar aplicativos ou usar desenvolvedores.

Embora qualquer pessoa possa seguir este guia, será mais fácil se você tiver uma compreensão básica de como o GTM funciona.

Criar camada de dados na Shopify

Nossa primeira tarefa é criar uma camada de dados. A camada de dados é um código simples que contém informações sobre a sessão do site de um visitante. Essas informações podem ser passadas para outras plataformas, como GTM.

Criamos uma camada de dados para você que vai para a página de pedidos completos da Shopify. Ele se preenche automaticamente com informações sobre o pedido do cliente, como valor do pedido, custos de envio e itens comprados.

Copie e cole o script abaixo no campo de scripts 'checkout' nas configurações de administração da Shopify. Isso pode ser encontrado em 'Configurações > Checkout e contas > Scripts adicionais'
Essa camada de dados envia um evento de 'compra' para o GTM que contém informações sobre o pedido do cliente.

 {% if first_time_accessed %} <script> dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. window.dataLayer.push({ 'event': 'purchase', ecommerce: { 'transaction_id': '{{ order.name || order.order_number }}', 'value': {{ total_price | money_without_currency | remove:',' }}, // Includes tax & shipping 'tax': {{ tax_price | money_without_currency | remove:',' }}, 'shipping': {{ shipping_price | money_without_currency | remove:',' }}, 'currency': '{{ shop.currency }}', 'payment_type': '{{ order.transactions[0].gateway }}', //optional parameter 'items': [ {% for line_item in line_items %} { 'item_id': '{{ line_item.sku || line_item.product_id }}', //if no SKU exists, use product Id 'item_name': '{{ line_item.product.title }}', 'discount': {{ line_item.line_level_total_discount | money_without_currency }}, 'item_variant': '{{ line_item.variant.title }}', 'price': {{ line_item.final_price | money_without_currency }}, 'quantity': {{ line_item.quantity }} }, {% endfor %} ]} }); </script> {% endif %}**

Criar gatilho de disparo no GTM

Agora precisamos configurar um gatilho que seja acionado quando os clientes concluírem um pedido. Quando o acionador é acionado, a tag que contém as informações do pedido é enviada ao GA4.

Precisamos definir as condições em que nosso gatilho de compra é acionado. A condição para nosso gatilho será quando o evento de compra em nossa camada de dados for enviado. Para configurar isso:

Faça login no GTM, vá para o menu à esquerda e selecione 'Triggers'
Pressione o botão azul 'Novo'
Chame seu gatilho de 'GA4 - Compra'
Pressione o ícone 'editar' no canto da janela 'Configuração do acionador'
Em 'Escolher tipo de gatilho', selecione 'Evento personalizado'
No campo 'Nome do evento' digite 'compra'
Defina 'Este gatilho é acionado' como 'Alguns eventos personalizados'
Defina as condições do evento para:
Evento - Igual a - Compra

Quando terminar, deve ficar assim:

Criar variáveis de camada de dados no GTM

Antes de configurar nossa tag, precisamos criar variáveis GTM para obter informações de nossa camada de dados. Se as variáveis são novas para você, pense nelas como pacotes que contêm pequenos pedaços de informação.

Valores específicos da camada de dados são adicionados a essas variáveis e, em seguida, são enviados ao GA4.

Precisamos criar variáveis para extrair os seguintes valores da sua camada de dados:

Receita do pedido
Código do pedido
Moeda
Imposto
Custos de remessa
Itens comprados
No GTM, no menu esquerdo, clique na página 'Variáveis'
Na caixa 'Variáveis definidas pelo usuário' clique no botão 'Novo'
Nesta tela você pode criar uma nova variável GTM. Você precisa fazer o seguinte processo para cada uma das variáveis listadas acima. Os detalhes de cada variável individual estão listados abaixo:

Receita do pedido

Nome: dlv - Página de agradecimento - Receita do pedido

Configuração da variável: