Usando GTM (Goole Tag Manager) com a Konduto (Configuração Básica)

Esse Guia demonstrará como fazer uma configuração básica no GTM.

Acesse a URL:   https://tagmanager.google.com

• Dentro do GTM, acesse seu “ Conteinêr” e clique em “Variáveis”:

• Clique em “Nova” ao fim da página:

• Na página seguinte, clique sobre o ícone do lápis ao lado da palavra “Variável sem Título”: 

• Atribua um nome à Variável (1) escolha o tipo (2) "Permanente":

• Clique em “Continuar”:

• Preencha o campo “Valor” com a Chave de Teste ou Produção recebida da Konduto:

• Clique em “Criar variável”:

• Você verá listado na página seguinte as variáveis que criar:

• No próximo passo, você precisará criar a variável “konduto_customer_id”. Comece nomeando a variável, como no passo já descrito anteriormente
• Escolha como tipo da variável "Elemento DOM" :

• Em “Configurar variável”, no campo “Método de seleção”, selecione a opção “Código” clicando sobre as pequenas setas laterais

• Em “Código do elemento”, você pode atribuir um nome de sua preferência. No exemplo abaixo, colocaremos “demo-customer-id”:

• Clique em “Criar variável”:

• Você perceberá a lista de variáveis criadas até o momento:

• Clique em “Nova”:

• Atribua o nome “konduto_page_tag”:

• Escolha o tipo dessa variável:

• Clique em “Confirmar”:

• Existe várias particularidades que você pode atribuir nesse passo da configuração. Nosso exemplo está relacionado à Camada de Dados.
• Para configurar a variável no modelo de Camada de Dados, inicie atribuindo o nome “page_type” ao campo “Nome da variável de camada de dados” como abaixo:

• Em “Versão da camada de dados”, selecione a opção “Versão 2” através do botão:

• Clique em “Criar variável”:

• Confira as variáveis criadas até agora:

• Clique no menu ao lado, “Tags”:

• Clique em “Nova”:

• Atribua o nome “konduto_js” a essa tag:

• Escolha o produto:

• Em “Configurar tag”, utilize o código abaixo da imagem no campo marcado da figura:

<script type= “text/javascript”>        
 var_kdt = _kdt || [];       
_kdt.push({“publickey”: “{{kondutopublic_key}}”});        
_kdt.push({“post_on_load”: false});                 
(function() {var kdt = document.createElement('script');                  
kdt.id = 'kdtjs';                    
kdt.type = 'text/javascript';                  
kdt.async = true;                    
kdt.src = 'https://i.k-analytix.com/k.js';                    
var s = document.getElementsByTagName('body') [0];                    
s.parentNode.insertBefore(kdt, s);                 
})(); </script><br>
	

• Clique em “Continuar”:

• Para “Disparar em”, escolha a opção “Todas as páginas”:

• Clique em “Criar tag”:

• Atribua um nome à tag:

• Escolha o produto clicando em “Tag HTML Persona…”:

• Clique em “Confirmar”:

• Em “Configurar tag”, adicione o Código descrito abaixo da imagem conforme exemplo:

<script>  	
var tag = “{{konduto_page_tag}}”; 		
(function() { 	var period = 300; 	 		
var limit = 40 * 1e3; 	 		
var nTry = 0; 	 		
var intervalID = setInterval(function() { 		 		
var clear = limit/period <= ++nTry; 		 			
if (typeof(Konduto.sedEvent) !== “undefined”) { 			 			
window.Konduto.sendEvent('page' , tag); 			 			
clear = true; 		 			
} 		 			
if (clear) clearInterval(intervalID); 	 		
}, period);  		
})(tag);  </script><br>

• Clique em “Confirmar”:

• Em “Disparar em”, escolha “Todas as páginas”:

• Clique em “Criar tag”:

• Clique em “Nova” para adicionar nova tag:

• Adicione o nome da tag como “konduto_set_customer_id”:

• Escolha o produto:

• Clique em “Confirmar”:

• Em “Configurar tag”, adicione o código descrito abaixo da imagem de exemplo:

<script> var customerID = “{{konduto_customer_id}}”;  	
(function () { 	var period = 300; 	 		
var limit = 20 * 1e3; 	var nTry = 0; 	 		
var intervalID = setInterval (function () { 		 			
if (limit/period / <= ++nTry) clearInterval(intervalID); 		 			
if (typeof(Konduto.setCustomerID) !++ “undefined”) { 			 			
window.Konduto.setCustomerID(customerID); 			 			
clearInterval(intervalID);    			
} 	 		
}, period);  	
}) (customerID);  
</script><br>

• Clique em “Confirmar”:

• Em “Disparar em” clique em “Mais” e depois em “Novo” para adicionar um acionador:

• Atribua o nome “konduto_customer_not_empty” ao acionador:

• Escolha o evento conforme marcado na imagem:

• Clique em ”Confirmar”:

• Em “Disparar em”, escolha “Todos os erros d...”:

• Clique em “Criar acionador”:

• Em “Disparar em”, utilize para selecionar as opções conforme descrito no exemplo abaixo clicando no símbolo para adicionar uma nova linha.
• Selecione no primeiro campo: “konduto_customer_id”:

• No segundo campo, selecione a opção “não é igual a”:

•  No terceiro campo, digite “null”:

• Adicione a Segunda linha:

• Selecione “konduto_customer_id”:

•  Na segunda tela, selecione “não é igual a”:

• No último campo, digite “undefined”:

• Clique em “Criar acionador”:

• Clique em “Salvar tag”:

• Suas tags estão listadas como o exemplo abaixo: