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'";
   
2. Dá um nome ao primeiro acionador, por exemplo "Compra iniciada", e clica em "Configuração do acionador";

3. Seleciona "Evento personalizado". No campo "Nome do evento", escreve paymentStarted e clica em "Guardar";

   

 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.

Tags

1. Vai agora a 'Tags' e clica em 'Novo'";

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";

4. No campo de pesquisa, escreve "facebook" e seleciona "Facebook Pixel";

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

     
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;

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;

7. Seleciona novamente "Variável do data layer". No campo "Nome da variável do data layer", introduz transactionTotal;

8. Clica em "Guardar". 

Testar a integração

1. Clica em "Pré-visualizar";

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";

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!

5. Volta à página principal do GTM e clica em "Submeter";

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