Google Tag Manager - Manual Técnico

Transcrição

1 Google Tag Manager - Manual Técnico v1.3.1 O sistema do Google Tag Manager realiza suas ações com base nos dados disponibilizados junto a cada página. Dessa forma será disponibilizado em cada página da loja uma camada de dados datalayer. <script> datalayer = [ 'pagecategory': 'pageproduct', "event": "viewproduct", "id": "123456", "name": "Câmera digital 10 mega pixel", "category": "12", "price": , "currency": "BRL", "quantity": "10", ]; </script> Em cada página da loja virtual será apresentado uma camada de dados, conforme documentação a seguir.

2 1. INFORMAÇÕES IMPORTANTES 1.1. Carregamento de informações do DataLayer O datalayer por padrão é carregado já no carregamento do conteúdo da página. Porém, devido ao uso de caches, alguns valores são atualizados pelo sistema após a execução de um evento. Este evento é o "tray.updategtm". Desta forma aconselhamos que seu script, caso necessite de informações que são disponibilizadas através do datalayer, seja executado após o disparo do evento "tray.updategtm", evitando que os dados sejam alterados. Se o script não precisar destes dados, poderá executar a qualquer momento Eventos Além do evento descrito no tópico 1.1, possuímos outros dois no sistema, que poderão ser utilizados para situações específicos da script mas que não fazem alterações de dados no datalayer. Estes eventos são: Evento carrinho calculo de frete (após o frete estar calculado) página de produto calculo de frete (após clicar para calcular o frete) Valor checkoutshipping productshipping Para que não seja necessário realizar o reload da página para alterar o valor do campo event, poderá ser utilizado a requisição: datalayer push. Exemplo: datalayer.push('variable_name': 'variable_value'); <a href="#" name="button1" onclick="datalayer.push('event': '');" >Button 1</a>

3 1.3. Informações sobre "pagecategory" Cada uma das páginas do sistema possui um "pagecategory" específico. Este valor é gerado a partir da URL que está sendo acessada. Exemplo: Home = loja.php loja Login = login_layout.php login_layout Carrinho = carrinho.php carrinho

4 2. GERAL Os dados abaixo são exibidos em todas as páginas por padrão. Nome da variavel Descrição Tipo pagetitle pagecategory event visitorloginstate Titulo da página, mesmo conteudo apresentado na tag <title> Categoria da página, contém um topico neste documento com a explicação. Evento ocorrido, contém um topico neste documento com a explicação. valor: No ou Yes, onde No seria quando o cliente não está logado e YES quando o cliente estiver logado. visitorid Id da visita (visita gerada para pageview) visitorsessionid Id da sessão do visitante visitortype visitorlifetimevalu e Demonstrado para verificar o tipo de cliente, sendo os valores: new customer, existing customer. O valor new customer será apresentando quando o cliente ainda não tem Id de visita e foi criado agora, caso contrario será demonstrado existing customer Informar o tempo que o visitante está na loja, sendo adquirido pelo tempo do inicio da visita até o presente momento, em segundos. numeric sitesearchfrom página que o visitante estava antes.

5 3. CLIENTE LOGADO Após o usuário efetuar seu login no sistema, os dados abaixo passam a ser disponibilizados no datalayer em todas as páginas. Nome da variavel Descrição Tipo customertype visitordemographicin fo Demonstrado para verificar o tipo de cliente, sendo o valor: nome do perfil de compra Dados do endereço do cliente (será enviado os dados de endereço, sexo, idade) Sendo o endereço principal e não os secundários. array CustomerID Id do cliente na loja numeric customername Nome do cliente que realizou a autenticação customer do cliente que realizou a autenticação allow_mail Os valores poderão ser TRUE para clientes que aceitaram receber marketing e FALSE para clientes que não aceitaram

6 4. ASSINANTES NEWSLETTERS Algumas lojas utilizam um formulário simplificado para captura do nome e dos visitantes. Este datalayer é exibido na página de inclusão do usuário no sistema de newsletters da loja. Nome da variavel Descrição Tipo subscribername Nome do assinante do marketing subscriber do assinante do marketing allow_mail Os valores poderão ser TRUE para assinantes que aceitaram receber marketing e FALSE para assinantes que não aceitaram

7 5. CATÁLOGO Dados exibidos no catálogo da loja. O pagecategory é "catalogo". Nome da variavel Descrição Tipo category nome da categoria idcategory id da categoria numeric breadcrumb Arvore de categoria quantity listproducts levelcategory filter sort quantidade de produtos no catalogo lista com os produtos do catalogo (demonstrado em topico abaixo) Nível da categoria acessada, sendo nivel 1 (principal), 2 (sub-categoria), 3 (sub da sub categoria) Filtros utilizados na página (exemplo: marca, faixa de preço, produtos em promoção, produtos em lançamento, produtos em destaque) Ordenação utilizada (exemplo: menor preço, maior preço, relevancia) numeric array numeric array

8 6. BUSCA Dados exibidos na buscada loja. O pagecategory é "Busca". Nome da variável Descrição Tipo sitesearchterm palavra buscada sitesearchcategory sitesearchresults listproducts filter sort nome da categoria caso tenha sido realizado a busca em uma categoria quantidade de resultados que retornou na busca lista com os produtos da busca (demonstrado em topico abaixo) Filtros utilizados na página (exemplo: marca, faixa de preço, produtos em promoção, produtos em lançamento, produtos em destaque) Ordenação utilizada (exemplo: menor preço, maior preço, relevancia) numeric array array

9 7. PRODUTO Dados exibidos na página de produto da loja. O pagecategory é "Produto". Nome da variavel Descrição Tipo idproduct id do produto na loja nameproduct Nome do Produto category nome da categoria principal do produto breadcrumb Arvore de categoria idcategory id da categoria principal numeric pricesell promotion preço de venda do produto com promoção caso tenha valor YES ou NO, onde informa se a promoção está ativa ou não decimal (xxx.xx) price preço normal do produto numeric brand marca do produto reference referencia do produto model modelo do produto availability disponibilidade do produto quantity estoque do produto numeric urlimage url da imagem principal do produto urlproduct url amigavel do produto listsku characteristcs variações do produto caso o mesmo tenha (dados de envio das variações: name, id, price, quantity) envio das caracteristicas do produto. array array

10 priceselldetails Informações de preço configuradas na loja para exibição. Campos que serão disponibilizados: - name = nome da forma; - months = quantidade de parcelas da forma; - amount = valor das parcelas array ean Código EAN breadcrumbdetails additionalbutton freeshipping hot release Demonstração da arvore de categoria do produto com todos os niveis. Campos que serão disponibilizados: - ID = id da categoria; - name = nome da categoria; - level = nivel da categoria, sendo 1, 2 ou 3. "YES" ou "NO", se marcada a opção botão adicional no produto "YES" ou "NO", se possuir frete grátis ativo "YES" ou "NO", se marcada a opção destaque do produto "YES" ou "NO", se marcada a opção lançamento do produto Array

11 8. CARRINHO Dados exibidos no carrinho da loja. O pagecategory é "Carrinho". Nome da variavel Descrição Tipo checkoutproducts lista com os produtos (demonstrado em topico abaixo) array. checkout Total Valor total do carrinho numeric checkout Shipping valor do frete escolhido numeric checkout Tax valor do imposto gerado numeric checkout Currency tipo de moeda utilizada na loja checkout ShippingMethod Nome do frete escolhido checkout PromoCode checkout ValuePromoCode nome do cupom de desconto utilizado valor gerado pelo cupom de desconto numeric

12 9. FINALIZAÇÃO DE PAGAMENTO Dados exibidos nas páginas de recibo da loja. O pagecategory é "retorno_pagamento", para transações finalizadas com cartão ou "finalizar_finalizar", para demais formas de pagamento. Nome da variavel Descrição Tipo transactionid id do pedido transactiondate data da criação do pedido /date transactiontype tipo da transação, sendo a vista ou a prazo. transactionaffiliation id do parceiro transactiontotal valor total do pedido numeric transactionshipping valor do frete numeric transactiontax valor de imposto numeric transactionpaymenttype transactioncurrency Nome da forma de pagamento escolhida moeda que foi finalizada o pedido transactionshippingmethod nome do frete escolhido transactionpromocode transactionprogressivedisc ount transactionproducts nome do cupom de desconto nome do desconto progressivo informação dos produtos comprados array

13 10. Conteúdo de Arrays Abaixo apresentamos os conteúdos contidos nos arrays citados anteriormente. listproducts Nome da variavel Descrição Tipo idproduct id do produto na loja category nome da categoria principal do produto idcategory id da categoria principal numeric sellprice promotion preço de venda do produto com promoção caso tenha valor YES ou NO, se o produto estiver em promoção decimal (xxx.xx) price preço normal do produto numeric brand marca do produto reference referencia do produto model modelo do produto availability disponibilidade do produto urlimage url da imagem principal do produto urlproduct url amigavel do produto additionalbutton freeshipping hot "YES" ou "NO", se marcada a opção botão adicional no produto "YES" ou "NO", se possuir frete grátis ativo "YES" ou "NO", se marcada a opção destaque do produto release "YES" ou "NO", se

14 marcada a opção lançamento do produto

15 listsku Nome da variavel Descrição Tipo idsku id da variação namesku sellprice nome da variação. Se variação dupla, será separado com um pipe ( ) preço de venda do produto com promoção caso tenha decimal (xxx.xx) reference referencia do produto quantity estoque do produto numeric urlimage availability price priceselldetails ean url da imagem principal da variação caso houver Se a variação está disponível para venda. Valores poderão ser YES ou NO preço de venda original (não considera promoção) Informações de preço configuradas na loja para exibição. Campos que serão disponibilizados: - name = nome da forma; - months = quantidade de parcelas da forma; - amount = valor das parcelas Código EAN, caso não tenha EAN na variação será apresentando o EAN do produto principal. decimal (xxx.xx) array

16 checkoutproducts e transactionproducts Nome da variavel Descrição Tipo idproduct id do produto na loja name nome do produto nameproduct nome do produto category nome da categoria principal do produto idcategory id da categoria principal numeric sellprice price preço de venda do produto com promoção caso tenha preço de venda do produto com promoção caso tenha decimal (xxx.xx) decimal (xxx.xx) brand marca do produto reference referencia do produto model modelo do produto quantity sku namesku productadditional listadditional quantidade escolhida para compra do produto ID da variação e produto separados por hífen. Caso não existir SKU, apenas o ID do produto nome da variação caso houver valor: Embalagem de Presente e/ou, Cartão de Presente. envio das informações adicionais de produto (recurso extra) numeric array array

17 ean Código EAN breadcrumbdetails Demonstração da arvore de categoria do produto com todos os niveis. Campos que serão disponibilizados: - ID = id da categoria; - name = nome da categoria; - level = nivel da categoria, sendo 1, 2 ou 3. Array visitordemographicinfo Nome da variavel Descrição Tipo zipcode CEP do cliente address Rua e número do cliente city Cidade do cliente neighborhood Bairro do cliente state Estado do cliente gender Sexo do cliente age Idade do cliente numeric additional Informações adicionais (exemplo: recurso extra de informações adicionais) 11. EasyCheckout As lojas da Tray utilizam uma nova versão de checkout, chamado EasyCheckout. O seu comportamento inicia-se a partir da página de login, após o avanço do carrinho de compras (obs: algumas lojas estão usando um novo carrinho, as informações estão no tópico 11.4 deste documento). Esta aplicação também possui os dados no datalayer. Como o processo é todo realizado em uma única página, deve-se utilizar os "steps" e

18 "eventos" para disparo dos scripts, caso necessário um momento diferenciado para o seu processamento. Ao acessar o EasyCheckout, o seguinte datalayer é disponibilizado: pagetitle: 'AHS Store', visitorsessionid: 'reboer83s18s2ct505cpl7npp4', pagecategory: 'EasyCheckout_Identification' Página de identificação Ao ser acessado, abre-se o formulário para inclusão do que será utilizado na compra. Neste momento é feito o disparo do evento "checkout" e temos o "step:1", onde o pagecategory é "EasyCheckout_Identification". Ao disparar o evento os dados abaixo são adicionados ao datalayer: event: 'checkout', pagecategory: 'EasyCheckout_Identification', ecommerce: checkout: actionfield: step: 1, products: [ name: Produto Teste', id: '58', price: '20.00', brand: 'Marca do produto', category: 'Categoria de teste', variant: 'Tamanho: G', variant_id: '10', quantity: '2', ean: 'ABCDEF', sku: '58-10' ] Pergunta de segurança Quando um digitado anteriormente já existir na loja, o usuário precisará responder algumas perguntas de segurança para continuar o processo. Neste momento não há um novo step, mas o pagecategory será "EasyCheckout_SecurityQuestion" e novamente o evento "checkout" é disparado.

19 Ao disparar o evento os dados abaixo são adicionados ao datalayer: event: 'checkout', pagecategory: 'EasyCheckout_SecurityQuestion', ecommerce: checkout: actionfield:, '[email protected]', allow_mail: 'NO', customerid: Confirmação do pedido O processo de confirmação possui o disparo de quatro eventos "checkout", sendo eles identificados por seus steps Confirmação do pedido - Informações pessoais Passo de validação dos dados de entrega: event: 'checkout', pagecategory: 'EasyCheckout_OrderConfirmation', ecommerce: checkout: actionfield: step: 2, '[email protected]', allow_mail: 'YES', customerid: Confirmação do pedido - Confirmação de entrega Passo de validação dos dados de entrega:

20 event: 'checkout', pagecategory: 'EasyCheckout_OrderConfirmation', ecommerce: checkout: actionfield: step: 3, allow_mail: 'YES', customerid: Confirmação do pedido - Confirmação do frete escolhido Passo de validação da forma de frete: event: 'checkout', pagecategory: 'EasyCheckout_OrderConfirmation', ecommerce: checkout: actionfield: step: 4, option: 'Sedex', '[email protected]', allow_mail: 'YES', customerid: Confirmação do pedido - Confirmação dos dados

21 Passo de validação dos dados do para seguir para pagamento: event: 'checkout', pagecategory: 'EasyCheckout_OrderConfirmation', ecommerce: checkout: actionfield: step: 5, allow_mail: 'YES', customerid: 50, visitordemographicinfo: zipcode: ' ' Caso o comprador esteja logado, com usuário e senha, alguns dados adicionais são exibidos no nó "visitordemographicinfo": event: 'checkout', pagecategory: 'EasyCheckout_OrderConfirmation', ecommerce: checkout: actionfield: step: 5, '[email protected]', allow_mail: 'YES', customerid: 50, customername: 'Tray Sistemas', visitordemographicinfo: zipcode: ' ', address: 'Avenida Alcides Lajes Magalhães, 130', city: 'Marília', neighborhood: 'Acapulco', state: 'SP', gender: 'M', age: '18' Confirmação do pedido Quando o pedido é realizado temos o pagecategory "EasyCheckout_OrderPlaced" e o evento disparado é "purchase". O datalayer recebe os seguintes dados:

22 pagecategory: 'EasyCheckout_OrderPlaced', event: 'purchase', ecommerce: checkout: actionfield: step: 6, option: 'Boleto Online', purchase: actionfield: id: '357', affliation: '', //código do parceiro revenue: 60.39, tax: '', //impostos shipping: 14.9, shippingmethod: 'Sedex', coupon: '', //valor do cupom de desconto utilizado deadline: '' //prazo de entrega, products: [ name: Produto Teste', id: '58', price: '20.00', brand: 'Marca do produto', category: 'Categoria de teste', variant: 'Tamanho: G', variant_id: '10', quantity: '2', ean: 'ABCDEF', sku: '58-10' ] O datalayer completo, ao final do pedido, ficará similar ao abaixo: pagetitle: 'AHS Store', visitorsessionid: 'reboer83s18s2ct505cpl7npp4', pagecategory: 'EasyCheckout_OrderPlaced', gtm: start: , uniqueeventid: , event: 'purchase', ecommerce:

23 checkout: actionfield: step: 6, option: 'Boleto Online', products: [ name: Produto Teste', id: '58', price: '20.00', brand: 'Marca do produto', category: 'Categoria de teste', variant: 'Tamanho: G', variant_id: '10', quantity: '2', ean: 'ABCDEF', sku: '58-10' ], purchase: actionfield: id: '357', affliation: '', revenue: 60.39, tax: '', shipping: 14.9, shippingmethod: 'Sedex', coupon: '', deadline: '', products: [ name: Produto Teste', id: '58', price: '20.00', brand: 'Marca do produto', category: 'Categoria de teste', variant: 'Tamanho: G', variant_id: '10', quantity: '2', ean: 'ABCDEF', sku: '58-10' ], '[email protected]', allow_mail: 'YES', customerid: 50, customername: 'Tray Sistemas', visitordemographicinfo: zipcode: ' ', address: 'Avenida Alcides Lajes Magalhães, 130', city: 'Marília', neighborhood: 'Acapulco', state: 'SP',

24 gender: 'M', age: '18' 11.4 Novo carrinho O novo carrinho segue o padrão do "Comércio Eletrônico Avançado" definido pelo Google: Exemplo de datalayer com o carrinho cheio: pagetitle: 'Nome da loja', visitorsessionid: '10frcphvt5g8ojt9rd3l8mu6u7', pagecategory: 'Carrinho', gtm: start: , uniqueeventid: 219, event: 'cart', ecommerce: checkout: actionfield:, products: [ name: 'Nome do produto', id: '72', price: '743.75', brand: '', category: 'Categoria do produto', variant: '', variant_id: '', quantity: '2', ean: '', sku: '72' ] Quando o carrinho é carregado ou modificado (cálculo de frete, escolha de uma forma de envio, etc ) é disparado o evento "cart" : event: 'cart',

25 pagecategory: 'Carrinho', ecommerce: checkout: actionfield:, products: [ name: 'Nome do produto', id: '90', price: '124.56', brand: 'Marca do produto', category: 'Categoria do produto', variant: '', variant_id: '', quantity: '1', ean: '', sku: '90' ], gtm.uniqueeventid: 29 Quando um comprador aumenta a quantidade de produtos no carrinho é disparado o evento "addtocart" : event: 'addtocart', ecommerce: currencycode: 'R$', add: products: [ name: 'Nome do produto', id: '84', price: '10.00', brand: 'Marca do produto', category: 'Categoria do produto', variant: '', variant_id: '', quantity: 1, ean: '', sku: '84' ], gtm.uniqueeventid: 39

26 Quando um comprador diminui a quantidade ou remove um produto do carrinho é disparado o evento "removefromcart" : event: 'removefromcart', ecommerce: currencycode: 'R$', remove: products: [ name: 'Nome do produto', id: '84', price: '10.00', brand: 'Marca do produto', category: 'Categoria do produto', variant: '', variant_id: '', quantity: 1, ean: '', sku: '84' ], gtm.uniqueeventid: 86

27

28