Google Analytics + Dados de mídia social – Facebook, Twitter e Google Plus

Publicados: 2011-08-20

A convergência de busca, marketing social e de conteúdo está ficando muito rápida, especialmente porque mesmo o gigante das buscas, o Google, nunca recuou em sua busca para colocar a mão na arena de mídia social até que finalmente, eles parecem ter visto a luz no Google Plus (+).

Então, podemos dizer agora que a verdadeira batalha entre Facebook e Google está acontecendo? Acho que sim.

No marketing de conteúdo, o Google implementou o famoso Panda Update principalmente para priorizar conteúdos realmente bons e penalizar esses 'conteúdos fracos'. Afinal, o mantra 'conteúdo é rei' nunca desaparece, especialmente agora que a referida convergência está acontecendo bem diante de nossos espetáculos. O conteúdo permanecerá como rei.

É certo que sou um fã de busca e não mais do social no entanto; estando na indústria há algum tempo, a convergência de busca, marketing social e de conteúdo está se tornando o caminho a percorrer e preciso consolidar os dados dessas rodovias de tráfego e fazer parte disso, estarei extinto em pouco tempo . Você vê, não apenas os profissionais de marketing, mas até mesmo os desenvolvedores hardcore sentem a pressa de integrar esses componentes a quaisquer momentos 'a-ha' que os atingem dentro de seus banheiros, centros de comando e hubs.

Ok, tanto para isso. A verdadeira razão pela qual estou escrevendo este post é sobre como você pode integrar dados de mídia social aos seus dados de pesquisa por meio do poderoso Google Analytics .

Ultimamente, o Google Analytics saiu com a nova interface para dar tração ao seu Google plus (eles têm que admitir isso!) e que os dados do Google plus são detectados automaticamente quando você coloca o botão G + em seu site. No entanto; o restante dos botões de mídia social, como Facebook, LinkedIn e Twitter, precisam ser integrados primeiro antes de você poder ver os dados de que precisa.

Então como? Aqui está:

Para ver sua nova interface do Google Analytics

1. Faça login na sua conta do Google Analytics.

2. Procure o link Nova Versão ao lado de sua conta. Clique. Veja a Figura abaixo.

3. Você será levado à nova interface do Google Analytics. Em seguida, clique na engrenagem abaixo.

4. Clique na guia Código de acompanhamento e copie e cole seu Google Analytics antes da tag </head> do seu site. Isso é usado para ser colocado antes da tag </body>, mas não mais.

Basta alterar o código, UA-xxxxxxxx-x com seu código exclusivo gerado.

<script type=”texto/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(função(){
var ga = document.createElement('script'); ga.type = 'texto/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>

Agora, aqui está o próximo truque importante que você precisa incluir depois de colocar seu código do Google Analytics antes da tag </head>.

<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>

Basta copiar o script logo após o código do Google Analytics como está. O resultado final deve ser parecido com este.

<script type=”texto/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(função(){
var ga = document.createElement('script'); ga.type = 'texto/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>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
</head>

Tome nota do </head> logo abaixo do script, para orientá-lo que você está no caminho certo.

Agora você está pronto para instalar o botão Curtir/Enviar do Facebook em seu site.

1. Faça login na sua conta do Facebook e clique neste link -> Social Plugin Like/Share Button Code Generator.

2. Tente personalizar o botão Curtir/Compartilhar do Facebook para se adequar ao seu site. Em seguida, gere o código. Você receberá esse tipo de código,

<div></div><script src="http://connect.facebook.net/en_US/all.js#appId=231657916876765&xfbml=1"></script><fb:like href="//propelrr.com" send="true" width="450" show_faces="false" font=""></fb:like>

Basta alterar o appId que é exclusivo para cada botão de curtir/compartilhar gerado e a URL com seu próprio site.

3. Outro rastreador importante que deve ser inserido no código de curtida/compartilhamento gerado no facebook está abaixo,

<script type="text/javascript">_ga.trackFacebook();</script>

Inseri-lo no script gerado pelo Facebook será semelhante ao código abaixo:

<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js# appId=231657916876765 xfbml=1″></script> </script><script type="text/javascript">_ga.trackFacebook();</script> <fb:like href=”//propelrr.com” send=”true” width=”450″ show_faces=”true” ação =”like” font=””></fb:like>

4. Comece a integrar o script do Facebook Like/Share Code + Google Analytics acima ao seu site onde quer que você o coloque. Mas meu conselho pessoal é colocar o botão onde é mais fácil para seus visitantes verem e clicarem. O posicionamento “Acima da dobra” deve ser uma boa estratégia a ser lembrada.

Agora, vamos integrar o botão do Twitter:

1. Visite este link -> Gerador de código de botão do Twitter

2. Digite a URL do seu site, personalize a aparência do botão do twitter de acordo com seu gosto e copie o código. Deve ficar como o abaixo,

<a href=”http://twitter.com/share” data-url=”//propelrr.com” data-count=”horizontal”>Tweet</a><script type=”text/javascript” src= ”http://platform.twitter.com/widgets.js”></script>

3. Coloque o código do botão do Twitter acima em seu site. Eu normalmente coloco ao lado do botão do Facebook.

4. Tente colocar o código abaixo do código do rastreador do Google Analytics que geramos anteriormente,

<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>

5. Resumindo, seu código de acompanhamento antes da tag </head> deve ser semelhante ao abaixo,

<script type=”texto/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(função(){
var ga = document.createElement('script'); ga.type = 'texto/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>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
</head>

Vamos integrar o botão Google Plus.

1. Insira o código abaixo logo antes da tag </head>.

<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>

2. Instale o botão Google Plus em seu site copiando o código abaixo. Você pode personalizar o botão Google Plus como de costume. Você também pode visitar o site do Google Plus Code para obter o código .

<g:plusone size=”medium” count=”false”></g:plusone>

Importante: você deve ter uma conta de perfil do Google Plus, caso contrário, isso não funcionará.

Em última análise, todo o código de rastreamento antes da tag </head> é agora,

<script type=”texto/javascript”>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-xxxxxxxx-x']);
_gaq.push(['_trackPageview']);
(função(){
var ga = document.createElement('script'); ga.type = 'texto/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>
<script type=”text/javascript” src=”//propelrr.com/ga_social_tracking.js”></script>
<!-- Load Twitter JS-API asynchronously -->
<script>
(function(){
var twitterWidgets = document.createElement('script');
twitterWidgets.type = 'text/javascript';
twitterWidgets.async = true;
twitterWidgets.src = 'http://platform.twitter.com/widgets.js';
// Setup a callback to track once the script loads.
twitterWidgets.onload = _ga.trackTwitter;
document.getElementsByTagName('head')[0].appendChild(twitterWidgets);
})();
</script>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
</head>

Aguarde algumas horas ou no máximo 24 horas e seus dados de mídia social começarão a aparecer no seu Google Analytics. Veja as capturas de tela abaixo.