Logo Novaoito e-commerce Central de Suporte
Novaoito e-commerce

Página inicial

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".
 
Ativando o Google Tag Manager
 
  1. Selecione a opção "Ativo".
  2. 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.