Google Tag Manager - GTM
A plataforma moovin fornece as informações utilizadas pelo GTM através da variável global gtm que estará presente no rodapé de todas paginas do site. A seguir serão apresentadas as paginas disponíveis e os valores que elas fornecem.
Padrão:
Por padrão todas as paginas que não contem informações importantes ao GTM serão apresentadas como paginas comuns, seu atributo page sera regular.
Todas as paginas possuem o atributo page para identificá-las, o atributo site_type para informar se o acesso esta sendo feito por Mobile ou Desktop, e o atributo customer para informar os dados do cliente caso este esteja logado .
Todos o os valores de compra ou produtos que possam conter nas paginas serão separados por ponto(.) .
<script type="text/javascript"> var gtm = { "page":"regular", "site_type":"desktop", "customer":{ "name":"Teste Moovin", "email":"teste@moovin.com.br" } }; </script>
Home:
A pagina inicial do site não tem nenhuma informação relevante ao GTM, porem seu identificador é diferente para informar que esta sendo acessada a home.
<script type="text/javascript"> var gtm = { "page":"home", "site_type":"desktop", "customer":{ "name":"Teste Moovin", "email":"teste@moovin.com.br" } }; </script>
Listagem:
A pagina de listagem ira apresentar algumas informações dos 3 primeiros produtos disponíveis. Seu identificador é showcase .
As informações contidas nos produtos são seus identificadores normalmente mais utilizados, sendo os campos que contenham o sufixo _color e _size sendo sua variação de cor e tamanho respectivamente.
O atributo SKU refere-se ao código do produto.
<script type="text/javascript"> var gtm = { "page": "showcase", "site_type": "desktop", "products": [ { "id": "11", "id_color": "18", "id_size": "30", "SKU": "1002", "SKU_color": "12345-124", "SKU_size": "1000001100021", "title": "Teste Outro Produto", "reference": "", "ean13": "" }, { "id": "13", "id_color": "20", "id_size": "32", "SKU": "1234567", "SKU_color": "123456.123", "SKU_size": "123456.123.01", "title": "Produto teste Moovin", "reference": "123456.123", "ean13": "" } ] }; </script>
Tambem poderão haver casos em que a listagem tenha algum filtro de busca, nesses casos o datalayer terá informações adicionais no atributo filter.
<script type="text/javascript"> var gtm = { "page": "showcase", "site_type": "desktop", "filters": { "category": [ "Jogos" ], "brand": [ "Estrela" ] }, "products": [ { "id": "13", "id_color": "20", "id_size": "32", "SKU": "1234567", "SKU_color": "123456.123", "SKU_size": "123456.123.01", "title": "Produto teste Moovin", "reference": "123456.123", "ean13": "" } ] }; </script>
Carrinho:
A pagina de carrinho possui o identificador cart, ela disponibiliza informações dos produtos adicionados e os valores do carrinho.
O atributo shipment contem a UF da entrega e o valor do frete.
O atributo cart_values contem os valores. Os campos com que possuem o sufixo _once informam o valor a vista.
<script type="text/javascript"> var gtm = { "page":"cart", "site_type":"desktop", "shipment": { "state": "RS", "price": "10" }, "cart_values":{ "total": 94.5, "total_once": 89.78, "subtotal": "120", "subtotal_once": "115.275", "discounts": { "coupon": { "value": "25.50", "code": "teste" }, "total": 25.5 } }, "products":[ { "id":"14", "id_color":"21", "id_size":"34", "title":"Produto Teste", "price":120, "brand":"Tester", "reference":"e2e21e12d12d12d21", "category":"Kids", "subcategory":"", "quantity":"1", "gift":"0", "SKU":"col001-teste", "SKU_size":"col001-teste-vrd-g" } ] }; </script>
Pagamento:
A pagina de pagamento possui o identificador payment, ela disponibiliza informações semelhantes ao carrinho.
<script type="text/javascript"> var gtm = { "page": "payment", "site_type": "desktop", "customer": { "name": "Teste Moovin", "email": "teste@moovin.com.br" }, "shipment": { "state": "MG", "price": "13" }, "cart_values": { "subtotal": "155.76", "subtotal_once": "151.09", "discounts": { "coupon": { "value": "10.00", "code": "teste" } } }, "products": [ { "id": "4252", "id_color": "4860", "id_size": "55259", "price": "155.76", "quantity": "1", "gift": "0" } ] } </script>
Confirmação:
A pagina de confirmação do pedido possui o identificador confirmation, ela disponibiliza informações básicas sobre o pedido como o seu Id, forma de pagamento, valores e produtos comprados.
<script type="text/javascript"> var gtm = { "page": "confirmation", "site_type": "desktop", "customer": { "name": "Teste Moovin", "email": "teste@moovin.com.br" }, "order_id": "4591", "payment_form": "Boleto", "estimated_delivery_date": "2017-04-19", "order_values": { "subtotal": "194.70", "total": "201.86", "ship": "13.00", "discount": "5.84" }, "products": [ { "id": "4086", "id_color": "4694", "id_size": "53498", "title": "Produto Teste Moovin", "quantity": "1", "price": "194.70", "price_money": "R$ 194,70", "category": "Acessórios", "subcategory": "Cintos", "brand": "Tester", "reference": "32CI934000", "SKU": "003597", "SKU_color": "003597", "SKU_size": "00359704" } ] } </script>
Produto:
A página do produto possui o identificador product, ela disponibiliza informações sobre o produto como seu ID, nome, preço, marca, categoria e estoque.
<script type="text/javascript"> var gtm = { "page": "product", "products": [ { "brand": "Marca Teste", "category": "Acessórios", "id": "4568" "name": "Teste", "price": "194.70" "qtd":{ 414: "10" 415: "18" } } ], } </script>