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>

De forma geral, estes são os atributos disponíveis:

• pageType (i.e catalog_category_view)

• list (cart, category, detail, other)

Customer (Clientes)

• customer.isLoggedIn

• customer.id

• customer.groupId

Category (Categoria)

• category.id

• customer.category

Product (Produto)

• product.id

• product.name

• product.sku

Cart (Carrinho de compras)

• cart.hasItems

• cart.items[].sku

• cart.items[].name

• cart.items[].price

• cart.items[].quantity

• cart.total

• cart.itemCount

• cart.hasCoupons

• cart.couponCode

Transaction (Página de sucesso de compra)

• transactionId

• transactionAffiliation

• transactionTotal

• transactionShipping

• transactionProducts[].sku

• transactionProducts[].name

• transactionProducts[].price

• transactionProducts[].quantity