Stape
Procurar
Experimente grátis

Server-side Google Analytics 4 para Shopify

Atualizado
10 de set de 2024
Publicado
15 de mar de 2023
Também disponível

O Google Analytics 4 será um padrão da indústria para análise da web nos próximos meses, uma vez que o Google está pondo em prática o Universal Analytics. Portanto, se você tivesse planejado implementar o GA4 em sua loja Shopify, a configuração do Google Analytics 4 do lado do servidor poderia ser uma excelente escolha, uma vez que o rastreamento do lado do servidor está mais adaptado às modernas restrições de rastreamento. 

O Google Analytics 4 do lado do servidor ajudará a rastrear o comportamento do usuário com mais precisão e, por sua vez, tomará melhores decisões orientadas para melhorar a experiência do cliente e o sucesso do eCommerce. 

Este post no blog irá guiá-lo na configuração do Google Analytics 4 do lado do servidor, usando o aplicativo Stape server GTM

Entendendo as vantagens de usar o Google Analytics 4 do lado do servidor

O Google deixará de suportar o Universal Analytics a partir de 1 de julho de 2023. Como resultado, todos os usuários serão forçados a mudar para uma versão mais recente - Google Analytics 4. 

O Google já começou a converter automaticamente as propriedades do GA3 (ou Universal Analytics) para GA4, forçando seus clientes a começar a adaptar o GA4. 

A diferença entre as versões novas e antigas do Google Analytics é enorme, uma vez que o Universal Analytics é baseado em sessões, enquanto o Google Analytics é baseado em eventos. E em andamento o feedback dos usuários que começaram a implementar o GA4 poderia ser melhor, já que o produto é relativamente novo, o que significa que ele precisa de algumas características e tem alguns erros. 

Junto com a nova versão do Google Analytics, outra mudança principal no mundo do rastreamento é o rastreamento do lado do servidor. O Google Analytics 4 (GA4) do lado do servidor tem vários benefícios em relação ao rastreamento tradicional do lado do cliente. 

Aqui estão alguns das principais vantagens do rastreamento do lado do servidor:

  1. Maior precisão dos dados: O rastreamento do lado do servidor garante que os dados sejam coletados e processados. Ele elimina as discrepâncias causadas por bloqueadores de anúncios, scripts do lado do cliente e outros problemas de monitoramento.
  2. Melhor privacidade do usuário: O rastreamento do lado do servidor permite manter o anonimato do usuário, protegendo as informações pessoais identificáveis dos usuários (PII) e aderindo aos regulamentos de privacidade como GDPR e CCPA.
  3. Com o rastreamento do lado do servidor, você tem maior controle sobre os dados que coleta e como os utiliza. Por exemplo, os fluxos de dados personalizados podem rastrear eventos específicos, comportamento do usuário e outros pontos de dados.
  4. Integração com outras fontes de dados: O rastreamento do lado do servidor pode ser integrado com outras fontes de dados, tais como sistemas de gerenciamento de relacionamento com o cliente (CRM), para criar uma visão completa do comportamento do usuário e melhorar as percepções analíticas.

Em geral, o Google Analytics 4 do lado do servidor oferece opções de rastreamento mais precisas, seguras e personalizáveis que podem ajudá-lo a melhorar suas percepções analíticas e tomar melhores decisões comerciais.

Configuração do aplicativo Stape server GTM para Shopify

O primeiro passo ao configurar o Google Analytics 4 para Shopify é configurar o container do servidor Google Tag Manager e instalar o Stape Server GTM App. Nosso aplicativo ajuda a:

  • Adicionar o script do Google Tag Manager em todas as páginas do site.
  • Acrescentar um domínio personalizado ao script GTM.
  • Configurar um carregador personalizado (somente para usuários Stape).
  • Enviar dados de eventos para a camada de dados GTM da web.
  • Enviar dados do usuário para a camada de dados GTM da web.
  • Enviar "webhooks" de compra e reembolso para o servidor GTM.
add stape server gtm app

2. Habilite a caixa de seleção Inserir o snippet GTM. Quando ativado, o aplicativo adicionará um script do Google Tag Manager a cada página do site. 

Proceda com a configuração posterior:

Uma vez feito, você terá um script web GTM adicionado a todas as páginas da loja Shopify, o servidor GTM container configurado, e usará um domínio personalizado e um carregador personalizado se você os tiver configurado. 

add gtm script to all pages of shopify store

3. Na segunda aba do Stape Server GTM App, você pode configurá-lo para enviar eventos de e-commerce e dados do usuário para a camada de dados. Infelizmente, o aplicativo não pode enviar eventos de e-commerce no checkout, já que o Shopify não permite o acesso ao checkout. 

A lista de eventos de e-commerce:

  • Collection View
  • View Item
  • Add to cart
  • Begin Checkout
  • Add payment info
  • Purchase

Dados dos utilizadores:

  • Email
  • First name
  • Last name
  • Customer ID
data layer tab

4. Na terceira aba, você pode configurar o aplicativo para enviar os "webhooks" de compra e reembolso para o container GTM do servidor. O uso de webhooks é uma excelente maneira de configurar o rastreamento puro do lado do servidor sem depender de scripts web, camadas de dados, etc. Por exemplo, você pode rastrear compras do lado do servidor vs. web em paralelo. Verifique este guia para informações mais detalhadas sobre a configuração de webhooks no sGTM

webhook tab

Isso é tudo com a configuração do aplicativo stape para Shopify e servidores em nuvem para sGTM. A seguir, vamos configurar o Google Analytics 4 para o Shopify.

Server-side Google Analytics 4 para Shopify

1. A principal caraterística da marcação do lado do servidor é a definição de cookies primários. É necessário utilizar um URL de servidor de marcação personalizado para ativar esta funcionalidade. O URL do servidor de marcação personalizado ou o domínio personalizado deve partilhar o mesmo domínio que o seu sítio Web. Por exemplo, se o domínio do seu sítio Web for example.com, o URL do servidor de marcação deve ser semelhante a ss.example.com.

Se pretender adicionar um domínio personalizado, abra o contentor sGTM no stape, desloque-se para a secção de domínios, escreva o nome do domínio e clique em Adicionar domínio. Uma vez concluído, verá os registos DNS que deve adicionar.

set up custom domain server side tagging 

Abaixo está um exemplo de configuração de DNS para CloudFlare.

add DNS records server-side tagging
add DNS records ss tagging

1.2. Voltar ao contentor do servidor do Google Tag Manager -> Escolher o contentor do servidor -> Admin -> definições do contentor -> colar o URL do servidor de etiquetagem.

set tagging server url in gtm

Atualizar o script Web GTM no seu site é altamente recomendado se você usar um domínio personalizado. Este ajuste fará com que o gtm.js seja carregado a partir do seu domínio. Para isso, substitua o domínio padrão googletagmanager.com pelo domínio personalizado que você configurou na etapa anterior.

update google tag manager script stape

1.3. Dentro do contentor Web, crie uma nova etiqueta do tipo Google Tag. Adicione o seu ID de tag do Google.

Na secção Definições de configuração, adicione os seguintes parâmetros:

  • Name: server_container_url
  • Value: Introduza o URL

Adicionar acionador à etiqueta GA4. Normalmente, ele deve ser acionado em todas as exibições de página.

set up Google Analytics 4 server-side 

Também pode criar uma variável Google tag: Variável de definições de configuração que predefinirá as definições de Google Tag se precisar de utilizar várias Google Tags no seu Web site e não quiser adicionar definições para cada uma das tags manualmente.

Estes parâmetros podem ser, por exemplo, uma configuração que define se pretende enviar um evento de visualização de página sempre que uma Google Tag é activada, definir parâmetros UTM, ID do cliente, etc. Existe uma lista de parâmetros de configuração padrão das Google Tags.

1.4. Para configurar o evento GA4, vá para a secção de etiquetas e crie uma nova etiqueta com o tipo de etiqueta Google Analytics: Evento GA4. Adicione seu ID do GA4 e o nome do evento; há uma lista de nomes de eventos padrão.

Pode criar uma variável Google Tag: Event Settings que ajudará a partilhar parâmetros de eventos em várias tags de eventos GA4 ou Google Tags. Podem ser, por exemplo, propriedades do utilizador ou do produto, e existe também uma lista de parâmetros padrão para definições de eventos.

Google analytics 4 events settings 
google tag event settings variable

1.5. Abra o contentor do Google Tag Manager Server -> clique em Client -> crie o cliente GA4 e guarde-o -> vá para Tags e configure a tag GA4. Lembre-se de que o GA4 envia automaticamente não só a visualização de páginas, mas também alguns outros eventos. Dentro de Event Name escolha a variável {{Event Name}}. -> adicione o gatilho Client Name igual a GA4.

set up ga4 tag in the server container 
set up ga4 client in the server container 

2. Configuração de um evento de pageview. 

Configuração de um evento de pageview

3. Configurar eventos de e-commerce. Para garantir que os eventos de e-commerce, produtos e dados do usuário estejam configurados corretamente, abra o container web GTM e verifique a camada de dados para cada evento de e-commerce. Por exemplo, você pode precisar configurar uma variável de camada de dados para um evento ou dados de usuário que você deve enviar para a GA4. 

Você deve criar acionadores personalizados para cada evento de e-commerce com base no evento da camada de dados.

Abaixo está um exemplo da tag e do acionador para o evento Add to cart. O processo de criação de todos os outros eventos de e-commerce é semelhante. 

Add to cart event
Add to cart event

4. Abra Server Google Tag Manager contenedor. Adicione o cliente Google Analytics 4 ou assegure-se de que um seja adicionado. 

Add Google Analytics 4 client

5. Crie uma tag GA4 no container GTM do servidor. Adicione seu ID GA4, defina o nome do evento e acione. No meu exemplo, o evento é uma variável, e a tag GA4 do lado do servidor é acionada sempre que o GA4 reclama uma solicitação. 

create a GA4 tag
create a GA4 tag

Isso é tudo com a configuração do Google Analytics 4 do lado do servidor para Shopify. A seguir, vamos passar a testar e solucionar os problemas de configuração. 

Verificar se a configuração está completa e correta

1. Abra o depurador de containers GTM da web e do servidor e clique através de seu site. Dentro do container GTM da web, você deve ver que as tags GA4 acionam; no container GTM do servidor, você deve ver as solicitações GA4 solicitadas pelas tags GA4. 

 GA4 tags trigger

Se você não vir as solicitações GA4 dentro do sGTM, verifique se você adicionou corretamente a tagging server URL dentro da tag de configuração GA4 no container GTM da web. 

Você também pode abrir o console do website e verificar as solicitações GA4. O cenário correto é quando a GA4 envia solicitações para você etiquetando a URL do servidor. Você pode verificá-lo filtrando as solicitações pela ID GA4 na aba de rede e assegurando que a URL da solicitação contenha sua tagging server URL. 

GA4 sends requests to you tagging the server URL

2. Outra maneira é abrir o depurador GA4 e verificar qual evento e dados de usuário GA4 vê.

GA4 debugger

Se web + servidor GTM e Google Analytics 4 debuggers mostrarem dados corretos, publique a configuração. 

Conclusão:

A implementação do Google Analytics 4 do lado do servidor para Shopify é um método eficaz para melhorar a presença on-line de sua empresa. Ele oferece muitas características interessantes que lhe permitem compreender e rastrear o comportamento do usuário com mais precisão. 

Com este post no blog, a configuração da conexão entre Google Analytics 4 e Shopify através do aplicativo GTM do servidor pode ser alcançada rapidamente. As poucas etapas simples descritas aqui tornam este processo fácil e eficiente.  

Fazendo isso, você poderá obter vantagens de todos os seus benefícios com o mínimo de esforço. Então, por que esperar? Comece a otimizar sua loja hoje mesmo - sinta-se à vontade para entender se você precisa de ajuda para entender ou implementar como configurar o Google Analytics 4 para Shopify usando o aplicativo GTM do servidor.

Tagged with:Shopify

Aloje o seu servidor GTM no Stapeagora mesmo!