Google Data Layer - Camada de dados

Data Layer ou Camada de Dados é um conjunto de informações relevantes, como dados da página, informações de transações, detalhes de produtos, entre tantas outras possibilidades, que poderão ser utilizadas por diversas ferramentas de Marketing Digital, em especial o Google.

A camada de dados ou Data Layer é um objeto, ou vetor de objetos, que contém todas as informações que você quer transmitir ao Google Tag Manager.

Como instalar?

Caso não esteja instalado ainda na sua loja, basta acessar o menu Configurações, Central de instalações, Integrações, Redes Sociais. Identifique o item Google Data Layer e clique em instalar. Após instalar, é necessário deslogar do painel e logar novamente para liberar todas as permissões no seu usuário.

Agora é só configurarmos :D

E como configurar?

Para realizar a configuração do módulo acesse o menu Sistema, Configurações da loja e identifique a aba Integrações, Google.

Basta você deixar o campo Habilitado como SIM, adicionar o GTM e ativar o Enviar dados pessoais.

Limpe a cache da loja. PRONTO!

Já estará disponível nativamente as camadas de dados, conforme abaixo.

Página de produtos

//Usuário deslogado
<script>
window.dataLayer = window.dataLayer  [];
dataLayer.push({
	"pageType":"catalog_product_view",
	"list":"detail",
	"customer":{
		"isLoggedIn":false
	},
	"product":{
		"id":"70",
		"sku":"pm#4",
		"name":"Produto Modelo #04"
	},
	"cart":{
		"hasItems":false
	},
	"ecommerce":{
		"currencyCode":"BRL"
	}
});
</script>

//Usuário logado
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
	"pageType":"catalog_product_view",
	"list":"detail",
	"customer":{
		"isLoggedIn":true,
		"id":"2",
		"groupId":"1"
	},
	"product":{
		"id":"70",
		"sku":"pm#4",
		"name":"Produto Modelo #04"
	},
	"cart":{
		"hasItems":false
	},
	"ecommerce":{
		"currencyCode":"BRL"
	}
});
</script>

Página de Categorias

<script>
window.dataLayer = window.dataLayer  [];
dataLayer.push({
	"pageType":"catalog_category_view",
	"list":"category",
	"customer":{
		"isLoggedIn":false
	},
	"category":{
		"id":"53",
		"name":"Vestidos"
	},
	"cart":{
		"hasItems":false
	},
	"ecommerce":{
		"currencyCode":"BRL"
	}
});
</script>

Página do Carrinho de Compras

<script>
window.dataLayer = window.dataLayer  [];
dataLayer.push({
	"pageType":"checkout_cart_index",
	"list":"other",
	"customer":{
		"isLoggedIn":false
	},
	"cart":{
		"hasItems":true,
		"items":[{
			"sku":"pm#7",
			"name":"Produto Modelo #07",
			"price":"420,00","quantity":1
		}],
		"total":"420,00",
		"itemCount":1,
		"hasCoupons":false
	},
	"ecommerce":{
		"currencyCode":"BRL"
	}
});
</script>

Página de Checkout no Ultracheckout

<script>
window.dataLayer = window.dataLayer  [];
dataLayer.push({
	"pageType":"ultracheckout_index_index",
	"list":"other",
	"customer":{
		"isLoggedIn":false
	},
	"cart":{
		"hasItems":true,
		"items":[{
			"sku":"pm#7",
			"name":"Produto Modelo #07",
			"price":"420,00",
			"quantity":1
		}],
		"total":"420,00",
		"itemCount":1,"hasCoupons":false
	},
	"ecommerce":{
		"currencyCode":"BRL"
	}
});
</script>

Página de Sucesso de compra (Success)

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
	"pageType":"checkout_onepage_success",
	"list":"other",
	"customer":{
		"isLoggedIn":true,
		"id":"2",
		"groupId":"1"
	},
	"cart":{
		"hasItems":false
	},
	"ecommerce":{"currencyCode":"BRL"}
});
dataLayer.push({
	"transactionId":"200000076",
	"transactionAffiliation":"Nome da Loja",
	"transactionTotal":"1155.8500",
	"transactionTax":"2.3500",
	"transactionShipping":"23.5000",
	"discountCode":null,
	"discountPrice":"-10.0000",
	"transactionProducts":[
	{
		"sku":"pm#2",
		"name":"Produto Modelo #02",
		"price":"720.0000",
		"quantity":"1.0000"
	},
	{
		"sku":"pm#7",
		"name":"Produto Modelo #07",
		"price":"420.0000",
		"quantity":"1.0000"
	}
	]
});
</script>