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:

  1. Página inicial

  2. Categorias / Resultado de busca

  3. Produto

  4. Carrinho

  5. Confirmação de venda

[[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
email 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
email 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
email 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
email 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
email 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

Click para baixar o Contêiner

Importar Contêiner

[[import-gtm-container_pt]]

Validando a instalação

[[accurate_pt]]