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 padrão
<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 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 showcase
<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 showcase com filtros
<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 cart
<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 payment
<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 confirmation
<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 confirmation
<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>