Container para GTM - DataLayer modelo Criteo¶
Guia de instruções para instalação do dataLayer da Criteo
Visão Geral¶
O dataLayer da Criteo é um padrão para incluir todas as informações necessárias dentro da variável javascript dataLayer. Essa variável precisa der declarada e preenchida no código-fonte de cada página no fluxo de compra do usuário. Os 5 tipos de páginas onde devem ser incluídas informações são:
[[disclaimer-developer_pt]]
DataLayer¶
Página Inicial¶
Inclua as informações abaixo na página inicial do site. Exemplo de URL: {{homepageurl}}
Campo | Descrição | Exemplo | Sintaxe |
---|---|---|---|
event | Evento que identifica o tipo de página | crto_homepage | String - valor estático |
E-mail do usuário, pode ser codificado em MD5 | 79054025255fb1a26e4bc422aef54eb4 | String - Sem espaços/ máximo 32 caracteres/ UTF-8 |
Estrutura¶
Substitua dinamicamente os valores entre ##com informações do usuário.
<!-- Criteo Homepage dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_homepage',
crto: {
'email': '##Email do Usuario##' //e-mail pode ser vazio se ainda não tiver essa informação
}
});
</script>
<!-- END Criteo Homepage dataLayer -->
Exemplo¶
<!-- Criteo Homepage dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_homepage',
crto: {
'email': 'crtoteste@teste.com'
}
});
</script>
<!-- END Criteo Homepage dataLayer -->
Categorias / Resultado de busca¶
Inclua as informações abaixo nas páginas de listagem, categoria e resultados de busca do site. Exemplo de URL: {{homepageurl}}/category?id=categoryid1
Campo | Descrição | Exemplo | Sintaxe |
---|---|---|---|
event | Evento que identifica o tipo de página | crto_listingpage | String - valor estático |
E-mail do usuário, pode ser codificado em MD5 | 79054025255fb1a26e4bc422aef54eb4 | String - Sem espaços/ máximo 32 caracteres/ UTF-8 | |
Product ID | Identificador único dos 3 primeiros produtos da página | ProductID_1 | String |
Estrutura¶
Substitua dinamicamente os valores entre ##com informações do usuário.
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_listingpage',
crto: {
'email': '##Email do Usuario##', //e-mail pode ser vazio se ainda não tiver essa informação
'products': ["##Product ID 1##", "##Product ID 2##", "##Product ID 3##"]
}
});
</script>
<!-- END Criteo Category / Listing dataLayer -->
Exemplo¶
<!-- Criteo Category / Listing dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_listingpage',
crto: {
'email': 'crtotest@test.com',
'products': ["ProductID_1", "ProductID_2", "ProductID_3"]
}
});
</script>
<!-- END Criteo Category / Listing dataLayer -->
Produto¶
Inclua as informações abaixo nas páginas de produto do site. Exemplo de URL: {{homepageurl}}/product?id=productid_1
Campo | Descrição | Exemplo | Sintaxe |
---|---|---|---|
event | Evento que identifica o tipo de página | crto_productpage | String - valor estático |
E-mail do usuário, pode ser codificado em MD5 | 79054025255fb1a26e4bc422aef54eb4 | String - Sem espaços/ máximo 32 caracteres/ UTF-8 | |
Product ID | Identificador único do produto | ProductID_1 | String |
Estrutura¶
Substitua dinamicamente os valores entre ##com informações do usuário.
<!-- Criteo Product dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_productpage',
crto: {
'email': '##Email do Usuario##', //e-mail pode ser vazio se ainda não tiver essa informação
'products': ["##Product ID 1##"]
}
});
</script>
<!-- END Criteo Product dataLayer -->
Exemplo¶
<!-- Criteo Product dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_productpage',
crto: {
'email': 'crtotest@test.com',
'products': ['ProductID_1']
}
});
</script>
<!-- END Criteo Product dataLayer -->
Carrinho¶
Inclua as informações abaixo na página de carrinho do site. Exemplo de URL: {{homepageurl}}/cart
Campo | Descrição | Exemplo | Sintaxe |
---|---|---|---|
event | Evento que identifica o tipo de página | crto_basketpage | String - valor estático |
E-mail do usuário, pode ser codificado em MD5 | 79054025255fb1a26e4bc422aef54eb4 | String - Sem espaços/ máximo 32 caracteres/ UTF-8 | |
Product ID | Identificador único do produto | ProductID_1 | String |
price | Preço unitário do produto | 200.99 | String ou Float - Sem moeda e separador de milhar |
quantity | Quantidade do produto no carrinho | 2 | Integer |
Estrutura¶
Substitua dinamicamente os valores entre ##com informações do usuário.
<!-- Criteo Basket/Cart dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_basketpage',
crto: {
'email': '##Email do Usuario##', //e-mail pode ser vazio se ainda não tiver essa informação
'products': [{
id: '##Product ID 1##',
price: '##Preço##',
quantity: '##Quantidade##'
}] //adicione um objeto para cada produto no carrinho.
}
});
</script>
<!-- END Criteo Basket/Cart dataLayer -->
Exemplo¶
<!-- Criteo Basket/Cart dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_basketpage',
crto: {
'email': 'crtotest@test.com',
'products': [{
id: 'ProductID_1',
price: '200.99',
quantity: '2'
},
{
id:'ProductID_2',
price: '50.00',
quantity: '1'
}]
}
});
</script>
<!-- END Criteo Basket/Cart dataLayer -->
Confirmação de venda¶
Inclua as informações abaixo na página de confirmação da compra. Exemplo de URL: {{homepageurl}}/thankyou
Campo | Descrição | Exemplo | Sintaxe |
---|---|---|---|
event | Evento que identifica o tipo de página | crto_transactionpage | String - valor estático |
E-mail do usuário, pode ser codificado em MD5 | 79054025255fb1a26e4bc422aef54eb4 | String - Sem espaços/ máximo 32 caracteres/ UTF-8 | |
Product ID | Identificador único do produto | ProductID_1 | String |
price | Preço unitário do produto | 200.99 | String ou Float - Sem moeda e separador de milhar |
quantity | Quantidade do produto no carrinho | 2 | Integer |
transactionid | Identificador único do pedido | 7654322 | String ou Float |
Estrutura¶
Substitua dinamicamente os valores entre ##com informações do usuário.
<!-- Criteo Sales dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_transactionpage',
crto: {
'email': '##Email do Usuario##', //e-mail pode ser vazio se ainda não tiver essa informação
'transactionid':'##Número Do Pedido##',
'products': [{
id: '##Product ID 1##',
price: '##Preco##',
quantity: '##Quantidade##'
}] //adicione um objeto para cada produto comprado.
}
});
</script>
<!-- END Criteo Sales dataLayer -->
Exemplo¶
<!-- Criteo Sales dataLayer -->
<script type="text/javascript">
var dataLayer = dataLayer || [];
dataLayer.push({
'event': 'crto_transactionpage',
crto: {
'email': 'crtotest@test.com',
'transactionid':'ORD00001',
'products': [{
id: 'ProductID_1',
price: '200.99',
quantity: '2'
},
{
id:'ProductID_2',
price: '50.00',
quantity: '1'
}]
}
});
</script>
<!-- END Criteo Sales dataLayer -->
Baixar arquivo de importação¶
Importar Contêiner¶
[[import-gtm-container_pt]]
Validando a instalação¶
[[accurate_pt]]