AdWords
496 Usuários online agora
496 Usuários online agora
Aprenda a usar recursos e relatórios para medir seus resultados com o AdWords: quais os melhores relatórios do AdWords e as principais formas de utilizá-los para entender e otimizar a performance de sua conta
Guie-me
star_border
Responder

Teste A/B com Botões

Calouro ✭ ✭ ✭

Pessoal,

 

Quero testar dois botões e saber qual o mais clicado: Botão A x Botão B.

 

Sei que preciso adicionar um _trackEvent nesses botões mas não sei qual configuração correta desse track nos botões e nem como configura no GA para extrair esse relatório. Li o artigo https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide mas ainda não consegui. Alguém pode ajudar?

Especialistas responderamverified_user

Re: Teste A/B com Botões

[ Editado ]
Principal Colaborador

Tiago,

 

Vamos ver se consigo te ajudar.

 

Para configurar eventos basta você adicionar o código do trackEvent no atributo onclick do seu botão ou link.

 

Um exemplo simples:

 

<a href="#" onclick=_gaq.push(['_trackEvent', 'Botão X', 'Clicou', 'Acessou página Y']);"">Leia Mais Web Analytics</a>

 

Feito isso no seu html, quando o usuário clicar no botão ou link configurado esse clique será mostrado no report de eventos.

 

Ex:

 

image.png 

 

Deu para entender?

 

Qualquer dúvida posta ai!

 

Abraço.

Ricardo Gaya

Re: Teste A/B com Botões

Estrela em Ascensão
Ricardo, aproveitar seu conhecimento e post, pois, já tentei usar os eventos e sem sucesso. Vou aproveitar o seu exemplo já para fazer um teste, porém, outra dúvida, consigo fazer essa configuração pelo Tag Manager?
--- Danilo Peres
Não é quem eu sou por dentro e sim, o que eu faço é que me define. - Batman Begins

Re: Teste A/B com Botões

Principal Colaborador
Danilo, bom dia.

Esse tipo de configuração não da para ser feito pelo GTM. O que o GTM faz, é inserir tags, o trackEvent é uma "configuração" um pouco complexa para o GTM. O que da para fazer é inserir tags com regra em eventos.

Abraço.
Ricardo Gaya

Re: Teste A/B com Botões

Estrela em Ascensão
Ok, então o correto e inserir diretamente no Código o evento. Vou fazer esse teste e depois posto, inclusive, tenho um post antigo aberto sobre isso também, porém, para "tentar" controlar uma conversão em uma página asp que não tem página de destino e está bem complicada. Posto os resultados futuramente. =)
--- Danilo Peres
Não é quem eu sou por dentro e sim, o que eu faço é que me define. - Batman Begins

Re: Teste A/B com Botões

Principal Colaborador
Legal, estamos aguardando. Abraço.
Ricardo Gaya

Re: Teste A/B com Botões

Principal Colaborador

Danilo Peres escreveu:
Ricardo, aproveitar seu conhecimento e post, pois, já tentei usar os eventos e sem sucesso. Vou aproveitar o seu exemplo já para fazer um teste, porém, outra dúvida, consigo fazer essa configuração pelo Tag Manager?

Sim é possível adicionar eventos em botões pelo Tag manager através de "Listeners", conheço dois métodos:

 

(1) Você pode criar uma função via javascript que aguarda a home carregar insere "programaticamente" o evento no botão desejado:

 

 chamada da função com o tipo de evento 'click' e o id do elemento, os demais valores são do evento:

 

tagEventListenerbyID('click', 'idElemento',  'categoria', 'acao', 'marcador', valor, naointeracao);

 

O Conhunto de funções abaixo é para adicionar o evento: 

 

function tagEventListenerbyID(listener, elementID, category, action, label, value, nonInteraction){
	var element = document.getElementById(elementID);
	if (element)
		tagEventListener(listener, element, category, action, label, value, nonInteraction);
	else	
		addOnloadEvent(function(){ 
			var element = document.getElementById(elementID);
			if (element)
				tagEventListener(listener, element, category, action, label, value, nonInteraction);
		});
}
function tagEventListener(listener, element, category, action, label, value, nonInteraction){
	addEventHandler(element,listener,function (){
		tagEvent(category, action, label, value, nonInteraction ); 
	});
}

 

function tagEvent(category, action, label, value, nonInteraction ){
	_gaq.push(['_setAccount', {{UA.padrao}}]);
	if (!label)
		_gaq.push(['_trackEvent', category, action]);
	else if (!value)
		_gaq.push(['_trackEvent', category, action, label]);
	else if (!nonInteraction)
		_gaq.push(['_trackEvent', category, action, label, value]);
	else
		_gaq.push(['_trackEvent', category, action, label, value, nonInteraction]);	
}


Acima, você deve especificar no Tag Manager a macro UA.padrao com o UA da sua conta Analytics que deseja receber o evento.

 

function addOnloadEvent(fnc){
	if ( typeof window.addEventListener != "undefined" )
		window.addEventListener( "load", fnc, false );
	else if ( typeof window.attachEvent != "undefined" ) {
		window.attachEvent( "onload", fnc );
	} else {
		if ( window.onload != null ) {
			var oldOnload = window.onload;
			window.onload = function ( e ) {
				oldOnload( e );
				window[fnc]();
			};
		}
		else 
			window.onload = fnc;
	}
}

 

Você deve instalar o código acima via código personalizado no Tag manager - dependendo dos scripts existentes na página, o código acima pode intereferir neles - teste antes de colocar em produção e use por risco próprio, o código pode conter bugs.

 

Quando desenvolvemos o código acima, não existia ainda no tag manager uma maneira de inserir eventos, que existe hoje e talvez seja mais simples de implementar:

 

(2) Inserir o evento pelo tag manager através de Listener de cliques:

 

https://support.google.com/tagmanager/answer/3420054?hl=pt-BR

 

 

 

 

___

"Você não precisa de uma empresa de 100 funcionários para desenvolver aquela ideia" ~Larry Page