Stape

Server-side tagging para Shopify

Atualizado
14 de mai de 2024
Publicado
10 de mar de 2023
Também disponível

Você está procurando uma maneira fácil e rápida de configurar a etiquetagem do lado do servidor do Shopify? Não procure mais que o aplicativo Stape server GTM para Shopify. Com nosso aplicativo, você pode facilmente inserir um script web Google Tag Manager no site, configurar um domínio personalizado e um carregador personalizado, enviar dados de usuário e de eventos de e-commerce para a camada de dados, e configurar webhooks. Todos estes recursos ajudarão a tornar o rastreamento mais preciso, prolongando a vida útil dos cookies, tornando o rastreamento do navegador resistente às tecnologias de prevenção de rastreamento e enviando dados confiáveis para plataformas de publicidade e marketing através do endpoint do servidor. 

Neste post de blog, vamos explorar como configurar e instalar o aplicativo Stape for Shopify para que você possa usar estes poderosos recursos imediatamente.

Vantagens de usar a etiquetagem do lado do servidor para o ShopifyCopiar link para esta secção

A etiquetagem do lado do servidor pode turbochar o sucesso de suas campanhas de marketing com um rastreamento preciso da conversão e análise do usuário. No entanto, tirar o máximo proveito requer uma configuração meticulosa - algo que ninguém deve ignorar.

Para tornar a implementação da etiquetagem do lado do servidor o mais fácil possível, nós criamos o aplicativo Server GTM Shopify. Este aplicativo é de uso livre e ajuda a configurar facilmente o servidor Google Tag Manager container para a loja Shopify. Mas antes, vamos falar sobre os principais benefícios da etiquetagem do lado do servidor para os sites Shopify. 

1. Melhor precisão dos dados. A etiquetagem do lado do servidor pode ajudar a garantir uma coleta de dados mais precisa, reduzindo o risco de perda de dados ou erros causados por bloqueadores de anúncios, extensões do navegador, ou outros fatores do lado do cliente.

2. Atribuição de conversão precisa. Devido ao aumento da vida útil dos cookies e dos dados dos usuários enviados através do servidor, as redes de publicidade podem atribuir com mais precisão as conversões a campanhas de marketing. 

3. Melhor desempenho do website. Com a tag do lado do servidor, as tags são carregadas no servidor e não no lado do cliente, reduzindo a quantidade de código que precisa ser carregada no navegador do usuário. Isto pode melhorar a velocidade de carregamento do site, o que é crucial para a experiência do usuário e SEO.

4. Segurança aprimorada. A etiquetagem do lado do servidor pode ajudar a melhorar a segurança do site, reduzindo o risco de violações de dados ou outras ameaças à segurança causadas por vulnerabilidades do lado do cliente.

Características do aplicativo Stape Server GTM para ShopifyCopiar link para esta secção

O objetivo do aplicativo do servidor GTM por stape é simplificar o processo de configuração do servidor Google Tag Manager e de entrega de dados ao servidor GTM. Nosso aplicativo pode funcionar tanto com a hospedagem stape.io para o servidor Google Tag Manager quanto com qualquer outro, mas o carregador personalizado do plugin e os recursos do cookie keeper só funcionam quando se utiliza a hospedagem stape.io. 

1. Adicione o script do Google Tag Manager em cada página do site. 

Habilite a checkbox Insira o snippet GTM e adicione o WEB Google Tag Manager ID. Uma vez feito, o aplicativo stape inserirá um script Web GTM em cada página do site. 

Add web Google Tag Manager script onto every page of the website. 

2. Adicione um domínio personalizado. 

A configuração de um domínio personalizado para seu servidor de etiquetagem é altamente recomendada, uma vez que permite a possibilidade de configurar cookies de primeira parte. Ao usar um domínio padrão para o servidor GTM, as plataformas de rastreamento como o Google Analytics definirão os cookies do domínio google-analytics.com. Estes são cookies de terceiros. Em navegadores com Intelligent Tracking Prevention, como Safari e Firefox, a vida útil dos cookies de terceiros pode ser de no máximo 7 dias. Quando o Google Analytics usa um domínio personalizado, ele define cookies de 1ª parte, que podem viver até 2 anos.

Para ativar este recurso, ative a checkbox e adicione um domínio personalizado. Siga este guia para encontrar o identificador de contentores Stape. 

Add a custom domain

3. Adicione um carregador personalizado. 

O carregador personalizado é um recurso de stape que torna os scripts Google Tag Manager e Google Analytics invisíveis para os bloqueadores de anúncios. Ele só funcionará se você usar o stape.io hosting para sGTM. Para ativar o carregador personalizado, ative a checkbox e adicione o identificador do stape.io container.

Add a custom loader

4. Adicione eventos de e-commerce e dados do usuário à camada de dados. 

data layer tab - shopify app by stape

Data layer ativação:

  • Ativar a caixa de verificação 'Add ecommerce Data Layer events'.
  • Guardar alterações.
  • Copie o código do pixel personalizado na caixa abaixo, no separador da camada de dados, e siga as instruções para o adicionar e ativar.

5. Enviar webhook para o server GTM container.

Nota: o problema com os webhooks na Shopify é que não contêm quaisquer dados de cookies, que são cruciais para o rastreio de qualquer plataforma, pelo que a utilização de eventos de webhook só é recomendada como último recurso se, por algum motivo, não for possível rastrear online.

É neste separador que são configurados os eventos de webhook.

webhook tab in shopify app by stape

Para ativar um webhook, é necessário ativar a caixa de verificação, especificar o URL do contentor GTM do servidor e o /caminho para onde os webhooks devem ser enviados.

Pode subscrever webhooks quando é criada uma nova encomenda ou quando é efectuado um reembolso de uma encomenda.

Aqui estão algumas publicações úteis do blogue sobre a utilização e depuração de webhooks:

Como configurar a etiquetagem do lado do servidor em sua loja ShopifyCopiar link para esta secção

A configuração padrão da etiquetagem do lado do servidor é simples com o aplicativo Stape Server GTM para Shopify. O aplicativo ajudará você a implementar um script gtm.js modificado para a loja Shopify, enviará dados para o sGTM usando webhooks, e transmitirá dados empurrando a camada de dados para o container web. 

Usando a hospedagem do servidor stape.io Google Tag Manager, você pode facilmente configurar um servidor em nuvem para o servidor Google Tag Manager. Nós oferecemos duas opções de hospedagem sGTM: Hospedagem global sGTM e hospedagem européia sGTM. A hospedagem sGTM europeia se adapta àqueles usuários que não podem transferir dados de usuários fora da UE e não podem usar o Google Cloud para executar o container do servidor Google Tag Manager. 

Estes são os passos básicos necessários para configurar a etiquetagem do lado do servidor para o Shopify:

3. Enviar os dados para o container do servidor Google Tag Manager. Há três maneiras mais populares de fazer isso:

4. Configurar o rastreamento dentro do container do Google Tag Manager do servidor. A maioria das ferramentas de marketing e análise mais populares já suportam a etiquetagem do lado do servidor e possuem tags para sGTM. Você pode encontrar guias em nosso site para implementar esses, por exemplo, Facebook CAPI, TikTok events API, SnapChat, Google Ads server-side tracking, etc. Além disso, você pode usar sGTM para enriquecer os dados sGTM usando Firestore ou Google Sheets. Outro recurso útil do sGTM é o envio de conversões offline para o Facebook e Adwords. 

5. Instale a aplicação na sua loja.

Ativar a aplicação em Sales channels → Online Store → O seu tópico ativo → botão Customize → App embeds tab → ativar Stape server GTM app e prima Save.

Debugging a GTM downloadCopiar link para esta secção

Após a ativação ou quaisquer alterações, recomenda-se que verifique se o seu contentor foi efetivamente carregado no sítio.

Para o fazer, vá a qualquer página do seu sítio, abra a consola do seu navegador e, no separador rede, introduza o seu ID de contentor sem a parte “GTM-”. Deverá ver um pedido com um estado de resposta 200:

Debugging a GTM download

Debugging data layer checkout eventsCopiar link para esta secção

Com eventos que acontecem antes da página de checkout, tudo funciona como em qualquer outra plataforma - pode lançar uma pré-visualização do seu contentor Web GTM e encontrar aí todos os eventos que faz:

debugging data layer checkout events - stape

A única opção no Shopify para rastrear eventos nas páginas de checkout é usar a API de Pixel do Shopify, portanto, os eventos da camada de dados e a instalação do GTM são implementados por meio disso em nosso aplicativo.

Mas devido à forma como está tecnicamente implementado (todo o código da API de pixel é apresentado como um iframe separado) - não pode executar pré-visualizações GTM nessas páginas, embora tecnicamente o seu contentor GTM seja carregado aí.

Por isso, infelizmente, de momento não pode depurar os seus eventos de checkout em modo de pré-visualização. Esta restrição também se aplica aos eventos de compra se utilizar a Extensibilidade do checkout para a página de estado da encomenda.

A única opção para depurar eventos de checkout na Shopify é publicar sua configuração ou alterações em seus contêineres e verificar as solicitações de rede no console do navegador.

Desta forma, pode verificar se todos os eventos que configurou desaparecem e se contêm toda a carga útil que configurou para eles.

debugging checkout events in Shopify - stape

Para facilitar a localização de pedidos GTM, pode especificar o url ou parte do url do seu contentor de servidor no filtro.

Conclusão:Copiar link para esta secção

As possibilidades de etiquetagem do lado do servidor estão se expandindo rapidamente, dando ao usuário uma grande ferramenta para melhorar a precisão do rastreamento e da análise das conversões. Além disso, a Stape tenta simplificar o uso do sGTM para nossos clientes, por isso lançamos o aplicativo Server GTM para Shopify

O Stape server GTM para Shopify é uma ferramenta fantástica com inúmeras características e benefícios. Por exemplo, você pode facilmente configurar o rastreamento em seu website, adicionando um script Google Tag Manager e configurando seu domínio personalizado e carregador. Além disso, você pode enviar os dados do usuário para a camada de dados e configurar os webhooks. 

Todas estas características ajudam a tornar os dados em análise mais precisos, prolongando a vida útil dos cookies e tornando o rastreamento do navegador resistente às tecnologias de prevenção de rastreamento. Estas ferramentas são essenciais para a transmissão de dados confiáveis através do servidor endpoint para plataformas de publicidade e marketing. 

Se você está procurando por uma solução rápida e simples para configurar a etiquetagem do lado do servidor Shopify, Stape é o caminho a seguir. Aproveite esta excelente solução hoje mesmo e aproveite os benefícios de um rastreamento mais preciso com o aplicativo Stape Server GTM App for Shopify. Teste-o você mesmo agora - nós sabemos que você não ficará decepcionado!

Podemos ajudá-lo com a configuração!

Temo-lo coberto! Clique em Obter ajuda, preencher o formulário, e enviar-lhe-emos um orçamento.

Obter ajuda
Tagged with:Shopify

Aloje o seu servidor GTM no Stape