Cabanoblog

Como vocês já devem saber, fomos os responsáveis pela implementação da Fanpage no Facebook do Vestibular 2012 da FGV. E como vocês também já devem saber, a FGV é extremamente precisa com números, seja nos panoramas econômicos, seja em suas ações de publicidade.

Era necessário então ser muito preciso nos dados do Google Analytics gerados pela Fanpage. Algo praticamente impossível dentro do Facebook. Mas os Cabanudos estão aí pra isso, né não?

O fluxo era o seguinte:

1 – Peças publicitárias foram espalhadas pela web: links patrocinados, banners em portais, etc, etc.

2 – Essas peças apontavam para a Fanpage no Facebook.

3 – A Fanpage apresentava links para a página final de conversão, dentro do site da FGV, onde estudantes poderiam se inscrever no vestibular.

Necessidade: Descobrir a fonte do clique que caiu na Fanpage e saber quais usuários fizeram o ciclo completo, do primeiro clique até a inscrição no site da FGV.

Primeiro desafio: descobrir a fonte do clique que caiu na Fanpage.

Depois da implementação dos iframes pelo Facebook (FB), ficou muito mais fácil trackear páginas com Google Analytics (GA), mas um ponto é totalmente obscuro: em suas estatísticas, toda fanpage do FB sempre terá os links referentes como o próprio FB. Ou seja, impossível saber de qual campanha os usuários vieram para a página. Não importa se o clique veio do Terra, Globo.com ou Links patrocinados, no GA sempre aparecerá “statik.facebook.com” ou algo parecido.

Solução: apontar todas as peças para o endereço real da Fanpage (que, como toda fanpage, fica fora do Facebook) e, dentro desta fanpage, iniciar uma sessão do GA e redirecionar o usuário.

Procurando artigos na web, achamos nossa fonte de inspiração: http://www.savio.no/blogg/a/104/how-to-track-facebook-iframes-with-google-analytics . Neste link você encontra explicações mais precisas sobre nosso procedimento.

Mas isto não era suficiente, precisávamos ter certeza de que o usuário só iria pra fanpage depois de ter sido trackeado. Chegamos a este script, inserido no header.php de nosso WordPress (sim, a fanpage era toda controlada via WordPress):

<script type="text/javascript">// <![CDATA[
  //url para sua fanpage, esta é a do Vestibular FGV 2012
  var FacebookURL = 'http://www.facebook.com/vestibularfgv?sk=app_210568128988274';

  var _gaq = _gaq || [];

	//substitua o XXXX pelo seu id do GA
  	_gaq.push(['_setAccount', 'UA-XXXXXXX-XX']);

	//estas variáveis são meio obscuras.
	//mas podemos informar que assim simplesmente funciona
	_gaq.push(['_setDomainName', 'none']);
  	_gaq.push(['_addIgnoredRef', 'static.ak.facebook.com']);
  	_gaq.push(['_setAllowAnchor', true]);
	_gaq.push(['_setAllowHash', false]);
	_gaq.push(['_setAllowLinker', true]);

	// esta é uma função que vai rodar em looping até temos certeza
	// que a sessão no GA foi iniciada
	function checkIfAnalyticsLoaded() {
		//se já temos as variáveis do GA e não estamos dentro do iframe do FB
		// iniciamos a sessão do GA e colocamos a página em seu devido lugar,
		// dentro do iframe do FB
	  if (window._gat && window._gat._getTracker && self.location == top.location) {

		_gaq.push(['_trackPageview', '/nomeDaSuaPaginaAqui/']);
		setTimeout(top.location.href = FacebookURL, 200);

		//se já estamos dentro do Facebook, apenas faço o trackeamento normal
	  } else if (self.location != top.location) {
		 _gaq.push(['_trackPageview', '/nomeDaSuaPaginaAqui/']);

	 // se ainda não temos as variáveis do GA, rode esta função de novo em meio segundo
	  } else {
		setTimeout('checkIfAnalyticsLoaded()', 500);
	  }
    };

	checkIfAnalyticsLoaded();

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
// ]]></script> 

Além disso, precisamos do hack mais bizarro da história, para fazer isso funcionar no Internet Explorer (sempre ele):

<!--?php header('P3P: CP="IE is often a NIGHTMARE"'); ?-->

Insira esta bizarrice na parte mais top de seu código, na primeira linha de sua página.

Pronto, depois de zilhões de testes e muitos fios de cabelo a menos, resolvida a primeira parte. Agora vamos à segunda parte, que não foi tão difícil, mas precisou de mais mufa queimada.

Ora, se sabemos de onde o usuário veio, podemos modificar as variáveis dos links para página final e adicionar tags que identificarão o ciclo.

Os links normais na Fanpage eram assim (se você não sabe o que utm_source, etc, precisa se atualizar):

http://vestibular.fgv.br/curso/administracao
?utm_source=facebookFanPage
&utm_medium=linkSaibaMais
&utm_content=paginaCursos
&utm_campaign=vestibular_2012_1_promo

O que nós fizemos foi alterar estas tags dinamicamente, via php, caso detectássemos tags de acesso nos cookies do browser. Por exemplo, se o cara aterrissou na fanpage clicando em um link patrocinado no Youtube, ficaria assim:

http://vestibular.fgv.br/curso/administracao
?utm_source=facebookFanPage___youTube
&utm_medium=linkSaibaMais___linkPatrocinado
&utm_content=paginaCursos
&utm_campaign=vestibular_2012_1_promo

Então, no GA da página do vestibular, o marketing da FGV pôde saber exatamente quantos usuários completaram o ciclo. E além disso, nós guardamos no GA da própria fanpage os cliques através da nova ferramenta de eventos do GA.

Pronto. Deu tudo certo no final das contas. Tentei ser o mais breve possível e com certeza muita coisa está mal explicada, mas dava pra escrever um livro sobre isso. Estou às ordens se você publicar dúvidas bacanas nos comentários. Depois dessa e da ação para a Yogoberry, estamos craques em explorar os limites do Facebook (que por sinal mudam o tempo todo).

Pablo Cabana