1. Início
  2. Integrações YOGO
  3. Integração com o Google Tag Manager

Implementação do Google Tag Manager, do Pixel do Facebook e da YOGO

Segue este guia para configurar o teu Google Tag Manager, através do qual poderás integrar, por exemplo, o Pixel do Facebook ou o Google Analytics.

Os eventos que podes monitorizar a partir da YOGO são:

  • Compra iniciada (paymentStarted)

  • Compra concluída (paymentCompleted)

Existe a possibilidade de visualizar o que foi comprado e o respetivo valor, utilizando variáveis de data layer:

  • transactionProducts.price

  • transactionProducts

  • transactionTotal

  • userEmail

A YOGO não oferece suporte para a configuração no Google Tag Manager e etapas seguintes, uma vez que existem muitas formas diferentes de o implementar.

Antes de começares

  1. Cria uma conta no Google Tag Manager em tagmanager.google.com ;

  2. Envia o teu ID do GTM para a YOGO, para que possa ser associado à tua conta YOGO;

  3. Inicia sessão em tagmanager.google.com

Acionadores

  1. Vai a 'Acionadores' → 'Novo'";
    Skærmbillede 2024-10-31 kl. 08.57.04-1
  2. Dá um nome ao primeiro acionador, por exemplo "Compra iniciada", e clica em "Configuração do acionador"; Skærmbillede 2024-10-31 kl. 09.04.58
  3. Seleciona "Evento personalizado". No campo "Nome do evento", escreve paymentStarted e clica em "Guardar";

    Skærmbillede 2024-10-31 kl. 09.06.24

 Cria mais um acionador, por exemplo com o nome "Compra concluída", e volta a selecionar "Evento personalizado", mas desta vez insere paymentCompleted no campo de entrada. Skærmbillede 2024-10-31 kl. 09.10.26

Tags

  1. Vai agora a 'Tags' e clica em 'Novo'"; Skærmbillede 2024-10-31 kl. 09.13.51
  2. Dá-lhe um nome, por exemplo "Pixel do Facebook – compra iniciada";

  3. À direita, clica em "Encontrar mais tipos de tags na Galeria de modelos da comunidade"; Skærmbillede 2024-10-31 kl. 09.16.01

  4. No campo de pesquisa, escreve "facebook" e seleciona "Facebook Pixel"; Skærmbillede 2024-10-31 kl. 09.17.54

  5. Clica em "Adicionar ao espaço de trabalho" e, em seguida, em "Adicionar";

  6. Introduz o teu Facebook Pixel ID e, no campo "Nome do evento", escolhe InitiateCheckout;

  7. De seguida, clica na caixa por baixo chamada "Acionadores", escolhe o acionador que criaste anteriormente (Compra iniciada) e clica em "Guardar";

  8. Clica novamente em "Novo" e dá-lhe o nome, por exemplo, "Pixel do Facebook – compra concluída";

  9. Clica em "Configuração da tag" e seleciona "Facebook Pixel";

  10. Introduz o Facebook Pixel ID no campo de entrada e, em "Nome do evento", escolhe Purchase;

  11. Clica em "Propriedades do objeto""Adicionar propriedade" três vezes, para criar três linhas. Preenche com o seguinte:

    Nome da propriedade Valor da propriedade
    value
    contents
    currency DKK
     Skærmbillede 2024-10-31 kl. 11.52.53
  12. Em "Acionadores", clica na caixa e seleciona o acionador criado anteriormente com o nome Compra concluída.

Variáveis

  1. Vai a "Variáveis" no menu e faz scroll até à secção "Variáveis personalizadas". Clica em "Novo";
  2. Dá à primeira o nome "productPrice";
  3. Clica em "Configuração da variável" e seleciona "Variável do data layer";
  4. No campo "Nome da variável do data layer", introduz transactionProducts.price; Skærmbillede 2024-10-31 kl. 12.07.52
  5. Cria mais uma variável personalizada e dá-lhe o nome "transactionProducts";

  6. Seleciona novamente "Variável do data layer". No campo "Nome da variável do data layer", introduz transactionProducts; Skærmbillede 2024-10-31 kl. 12.15.39

  7. Seleciona novamente "Variável do data layer". No campo "Nome da variável do data layer", introduz transactionTotal; Skærmbillede 2024-10-31 kl. 12.17.44

  8. Clica em "Guardar". 

Testar a integração

  1. Clica em "Pré-visualizar"; Skærmbillede 2024-10-31 kl. 12.19.24-1

  2. Introduz o URL da tua conta de cliente YOGO, por exemplo: https://xxxx.yogo.dk (substitui xxxx pelo nome do teu estúdio) e clica em "Ativar"; Skærmbillede 2024-10-31 kl. 12.20.32

  3. Abre-se agora uma nova janela do navegador com a área do cliente;

  4. Inicia sessão, vai à secção "Preços", adiciona algo ao carrinho, segue para o checkout e clica em "Avançar para pagamento". Depois de clicares, volta à janela do GTM. Se a caixa com o evento "Compra iniciada" tiver sido acionada e aparecer em "Tags ativadas", então a integração está a funcionar corretamente! Skærmbillede 2024-10-31 kl. 12.29.04-1

  5. Volta à página principal do GTM e clica em "Submeter"; Skærmbillede 2024-10-31 kl. 12.36.27

🎉 Estás agora pronta(o) para monitorizar compras na YOGO através do Pixel do Facebook (META)!