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>