Integração Criteo utilizando Google Tag Manager



Documentos relacionados
Google Tag Manager Manual Técnico

HTML / JAVASCRIPT. A versão atual é o HTML5 (seus predecessores imediatos são HTML 4.01, XHTML 1.1, etc.).

Documentação SEO EXPERT

Administração do Sistema

JavaScript. JavaScript é uma linguagem de script usada em navegadores web. É uma linguagem dinâmica, estruturada e orientada em objetos.

NAVEGG GUIDE. Publisher: Como fazer retargeting para um cliente usando a funcionalidade Custom

1 Ao abrir o Incredimail clique no menu Ferramentas -> Contas de ... localizado na parte superior da tela.

CAPÍTULO 35 Como utilizar os componentes ColdFusion

Navegg Analytics. Tome decisões com base no conhecimento sobre sua audiência.

Programando em PHP. Conceitos Básicos

Apostila de criação de website

Proposta Loja Virtual. Schmitt Tricot

PASSO A PASSO GOOGLE DOCS - FORMULÁRIOS GOOGLE DOCS

Índice Criar uma página de e-commerce Editar uma página de e-commerce 2.1 Configuraçoes 2.2 Categorías 2.3 Productos Publicação

Criando uma agenda simples com NetBeans 6.5

PROGRAMAÇÃO PARA INTERNET. Fonte: Raul Paradeda

Manual de criação de envios no BTG360

A U T O R I Z O R R I GUIA DE INSTALAÇÃO W E B. Versão: 1.02 Agosto/2006 Versão: AW

Escrito por Sáb, 15 de Outubro de :19 - Última atualização Seg, 26 de Março de :32

Cursos de Magento Gugliotti Consulting

Lista de operadores de comparação - > Maior que - < Menor que - <= Menor ou igual a - >= Maior ou igual a - === Igual a -!

1 Clique no menu Iniciar -> Todos os programas -> Microsoft Office Outlook 2007.

PRINCIPAIS CARACTERÍSTICAS DA PLATAFORMA MAGENTO PARA COMÉRCIO ELETRÔNICO

WEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br Escola CDI de Videira

Manual Prescrição Fácil

OBOSHotel - Central de Reservas Online. Manual de Utilizador - Backoffice

HOW TO Como criar e liberar/bloquear categorias personalizadas no AWCA

Tutorial do Usuário para utilização do Magento e commerce

Acessando um Banco de Dados

Manual Recurso - Criar Tabela Instrução SQL. FullCopyConvert Data

INTRODUÇÃO 12. DOCUMENTAÇÃO INTRODUÇÃO INTRODUÇÃO

Manual 2010 Webmaster

Desenvolvimento de jogos com Unity

Tutorial Gráfico de Gantt I

Manual de Instalação ( Client / Server ) Versão 1.0

Procedimentos para configurar o Motion Detection no D-ViewCam 1 Para configurar o Motion Detection no D-ViewCam, é necessário que a câmera IP esteja

Construindo portais com Plone. Módulo 3 Templates

O que é o JavaScript?

O que é o Javascript?

Formatos de publicidade

Introdução. Requisitos. Utilização

Ligação com Sage Retail XDPEOPLE

Projeto/Versão/Release: IS2 AUTOMOTIVE / EVOLUTION / 53 Data Release: 17/09/2013

Anote aqui as informações necessárias:

JDBC Java Database Connectivity

Tutorial do Administrador do Magento e commerce

Universidade Federal do Espírito Santo CCA UFES. Centro de Ciências Agrárias CCA UFES Departamento de Computação. JavaScript

MANUAL DO LOJISTA. Melhora do Volume de Pesquisas

Objetivo Use este procedimento para inserir/remover/atualizar os Clippings no Website.

jquery Apostila Básica

UNIVERSIDADE TECNOLÓGICA FEDERAL DO PARANÁ - PONTA GROSSA TUTORIAL PARA UTILIZAÇÃO DO AMBIENTE VIRTUAL MOODLE ASSUNTO: Criar e utilizar questionários

DOCUMENTAÇÃO. Programa de Evolução Contínua Versão 1.84

Manual de Utilização ZENDESK. Instruções Básicas

Criando um script simples

Conteúdo. DHTML tópicos Hamilton Lima

fazer compras online na Esko Store

Passo a Passo. WebSphere Message Broker. Fluxo como WebService

Como utilizar o ScadaBR para monitorar os sensores da linha Comet.

Practico Live! Promoção SMS

Controle de Estoque. Configuração e personalização do módulo

Manual Portal PADRÃO. Gerenciador de Temas: Editar Estilo. 1. Clique na aba Extensões e em seguida em Gerenciador de Temas.-

Podemos também definir o conteúdo dos menus da página inicial. Clique em Menus, Main Menu.

Nota de Aplicação IHM 001

Documentação. Programa de Evolução Contínua Versão 1.68

Documentação da API Likestore

Os demais campos serão preenchidos conforme a opção escolhida pelo professor e que atenda as especificidades de cada curso/disciplina

Labels Gerenciador de Selos para a Loja Virtual.

Plano E-commerce Guia de início rápido. Plano E-commerce. Guia de início rápido

Como instalar o sistema Locação de Trajes Free

ROTEIRO DE IMPLANTAÇÃO

O código JavaScript deve ser colocado entre tags de comentário para ficar escondido no caso de navegadores antigos que não reconhecem a linguagem.

Sumário. 1 Tutorial: Blogs no Clickideia

Sumário. 1

Comandos remotos via agente Zabbix

EverSafe Online Backup Manager

Manual Replicação Manual VPN

Site Estático Site Dinâmico Objetivos de Websites (tipos por finalidade)

DWR DIRECTED WEB REMOTING

Curitiba PR Responsável Técnico: Fábio Bastos

Curso de Adobe Illustrator CS2

CATÁLOGO GRADUAÇÃO DOS CURSOS DE UNIVERSIDADE FEDERAL DO PARÁ

Manual de Integração Magento TrayCheckout

Como Conectar e configurar Câmeras FullSec em um DVR CVI de 16CH FullSec -ACESSO REMOTO VIA CELULAR

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Seção do Corpo Elementos Textuais Básicos

Pesquisa e organização de informação

PROCEDIMENTO Cadastro de Produtos. Café com Arte Móveis

Escrito por Neri Neitzke Qua, 25 de Junho de :51 - Última atualização Qua, 25 de Junho de :54

Google Tag Manager Manual Técnico

Introdução ao Javascript

PÓS-GRADUAÇÃO EM MATEMÁTICA COMPUTACIONAL INFORMÁTICA INSTRUMENTAL

Transcrição:

Integração Criteo utilizando Google Tag Manager Passo 1: Acesse a ferramenta Google Tag Manager http://www.google.com.br/tagmanager/ Passo 2: Acesse a sua conta do Google Tag Manager que irá utilizar para configurar a integração Criteo. Passo 3: Será necessário criar 8 novas macros, dessa forma clique no botão criar macro para iniciar a criação da primeira macro. Passo 4: Preencha cada macro como demonstrado abaixo: 1 Macro: Nome: id_criteo Tipos de macro: StringConstante Valor: Preencher com o código de sua loja na criteo. Exemplo: 7588 2 Macro: Nome: pagecategory

Nome da variável da camada de dados: pagecategory 3 Macro: Nome: visitorid Nome da variável da camada de dados: visitorid 4 Macro: Nome: idproduct Nome da variável da camada de dados: idproduct 5 Macro: Nome: sitesearchterm Nome da variável da camada de dados: sitesearchterm 6 Macro: Nome: transactionid Nome da variável da camada de dados: transactionid

7 Macro: Nome: Product_3first TiTipos de macropo: JavaScript Personalizado JavaScript personalizado: function() { var products = datalayer[0]["listproducts"], limit = 3, productsselected = []; // pega as informações na quantidade de produtos informada var stringproducts = '['; for (var i = 0; i <= limit 1; i++) { stringproducts = stringproducts + products[i]['idproduct']; if(i!== limit 1){ stringproducts = stringproducts + ','; } }; stringproducts = stringproducts + ']'; } return stringproducts; 8 Macro: Nome: checkoutproducts Tipos de macro: JavaScript Personalizado JavaScript personalizado: function() { var productscheckout = datalayer[0].checkoutproducts; var string = '';

for (var i = 0; i < productscheckout.length; ++i) { string += '{ id: ' + productscheckout[i]["idproduct"] + ', price: ' + productscheckout[i]["sellprice"] + ', quantity: ' + productscheckout[i]["quantity"] + '},' } return string; } Passo 5: Após a criação das macros será necessário criar as tags, sendo 6 tags. Clique no botão Nova > Tag Passo 6: Preencha cada tag como demonstrado abaixo: 1 Tag: Nome: Página de Home Criteo

"setsitetype", type: "d" }, { event: "viewhome" } ); </script> Valor: Home 2 Tag: Nome: Página de Produto Criteo "setsitetype", type: "d" }, { event: "viewitem", item: "{{idproduct}}" } ); </script> Valor: Produto

3 Tag: Nome: Página de Categoria Criteo "setsitetype", type: "d" }, { event: "viewlist", item: [ {{Product_3first}} ] } ); </script> Valor: Catalogo 4 Tag: Nome: Página de Busca Criteo "setsitetype", type: "d" }, { event: "viewlist", item: [ {{Product_3first}} ], keywords: "{{sitesearchterm}}" } ); </script>

Valor: Busca 5 Tag: Nome: Página de Carrinho Criteo "setsitetype", type: "d" }, { event: "viewbasket", item: [ {{checkoutproducts}} ]}); </script> Valor: Carrinho 6 Tag: Nome: Página de Conversão Criteo

"setsitetype", type: "d" }, { event: "tracktransaction", id: "{{transactionid}}", item: [ {{checkoutproducts}} ]}); </script> 1 Valor: finalizar_finalizar 2 Valor: retorno_pagamento