Como ativar o Google Tag Manager no site da loja?
Para ativar o Google Tag Manager, acesse a administração da loja na plataforma Novaoito e-commerce, em seguida clique no menu lateral "Configurações" e por fim na opção "Gerencie as configurações do Google e Facebook".
'page': {
'type': 'home'
}
}];
'page': {
'type': 'category'
},
'category': {
'id': {{id}},
'name': '{{nome}}'
}
}];
'page': {
'type': 'product'
},
'product': {
'id': '{{id}}',
'sku': '{{sku}}',
'category': '{{categoria.nome}}',
'name': '{{nome}}',
'price': '{{precoVenda}}'
}
}];
'page': {
'type': 'cart'
},
'cart': {
'subtotal': {{valorSubtotal}},
'discount': {{valorDesconto}},
'shipping': {{valorFrete}},
'total': {{valorTotal}},
'products': [
{
'id': {{itemList[i].id}},
'sku': '{{itemList[i].sku}}',
'name': '{{itemList[i].nome}}',
'category': '{{itemList[i].categoria.nome}}',
'price': {{itemList[i].preco}},
'quantity': {{itemList[i].quantidade}}
}
]
}
}];
'transactionId': {{numero}},
'transactionAffiliation': '',
'transactionTotal': {{valorTotal}},
'transactionTax': 0,
'transactionShipping': {{valorFrete}},
'transactionProducts': [
{
'id': {{itemList[i].id}},
'sku': '{{itemList[i].sku}}',
'name': '{{itemList[i].nome}}',
'category': '{{itemList[i].categoria.nome}}',
'price': {{itemList[i].preco}},
'quantity': {{itemList[i].quantidade}}
}
]
}];
- Selecione a opção "Ativo".
- Informe o ID do container no Google Tag Manager (algo do tipo GTM-XXXXX).
Após ativar o Google Tag Manager, será disponibilizado nas páginas da loja a variável "dataLayer", que é configurada conforme o contexto da página visualizada.
Variáveis da página inicial
dataLayer = [{'page': {
'type': 'home'
}
}];
Variáveis da página de categoria de produto
dataLayer = [{'page': {
'type': 'category'
},
'category': {
'id': {{id}},
'name': '{{nome}}'
}
}];
- {{id}}: ID da categoria de produtos da página visualizada
- {{nome}}: Nome da categoria de produtos da página visualizada
Variáveis da página de visualização do produto
dataLayer = [{'page': {
'type': 'product'
},
'product': {
'id': '{{id}}',
'sku': '{{sku}}',
'category': '{{categoria.nome}}',
'name': '{{nome}}',
'price': '{{precoVenda}}'
}
}];
- {{id}}: ID do produto visualizado
- {{sku}}: SKU do produto visualizado
- {{categoria.nome}}: Nome da categoria do produto visualizado.
- {{precoVenda}}: Preço de venda do produto visualizado.
Variáveis da página de visualização do carrinho
dataLayer = [{'page': {
'type': 'cart'
},
'cart': {
'subtotal': {{valorSubtotal}},
'discount': {{valorDesconto}},
'shipping': {{valorFrete}},
'total': {{valorTotal}},
'products': [
{
'id': {{itemList[i].id}},
'sku': '{{itemList[i].sku}}',
'name': '{{itemList[i].nome}}',
'category': '{{itemList[i].categoria.nome}}',
'price': {{itemList[i].preco}},
'quantity': {{itemList[i].quantidade}}
}
]
}
}];
- {{valorSubtotal}}: Valor subotal do carrinho (valor dos itens).
- {{valorDesconto}}: Valor do desconto (cupom ou promoção).
- {{valorFrete}}: Valor do frete
- {{valorTotal}}: Valor total do carrinho ((subotal + frete) - desconto)
- {{itemList[i].id}}: ID do produto que está no carrinho.
- {{itemList[i].sku}}: SKU do produto que está no carrinho.
- {{itemList[i].nome}}: Nome do produto que está no carrinho.
- {{itemList[i].categoria.nome}}: Nome da categoria do produto que está no carrinho.
- {{itemList[i].preco}}: Preço do produto que está no carrinho.
- {{itemList[i].quantidade}}: Quantidade do produto que está no carrinho.
Variáveis da página de confirmação do pedido
dataLayer = [{'transactionId': {{numero}},
'transactionAffiliation': '',
'transactionTotal': {{valorTotal}},
'transactionTax': 0,
'transactionShipping': {{valorFrete}},
'transactionProducts': [
{
'id': {{itemList[i].id}},
'sku': '{{itemList[i].sku}}',
'name': '{{itemList[i].nome}}',
'category': '{{itemList[i].categoria.nome}}',
'price': {{itemList[i].preco}},
'quantity': {{itemList[i].quantidade}}
}
]
}];
- {{numero}}: Número do pedido.
- {{transactionTotal}}: Valor total do pedido.
- {{transactionShipping}}: Valor do frete do pedido.
- {{itemList[i].id}}: ID do produto do pedido.
- {{itemList[i].sku}}: SKU do produto do pedido.
- {{itemList[i].nome}}: Nome do produto do pedido.
- {{itemList[i].categoria.nome}}: Nome da categoria do produto do pedido.
- {{itemList[i].preco}}: Preço do produto do pedido.
- {{itemList[i].quantidade}}: Quantidade do produto do pedido.
NOTA: As variáveis de pedido só estarão disponíveis em pedidos com status "Pago" ou "Aguardando paramento" caso a forma de pagamento seja Boleto bancário.