The CH Experience

Social Media tracking con Google analytics

2011-08-03T15:31:00.002-03:00

Google Analytics has recently introduced Social Interaction Tracking, a way to record and measure user interactions with social media buttons. While it has been possible to track social interactions using Events, there is now a dedicated section that makes analysing Social actions even easier. This post shows you how to set up social media tracking for Facebook and Twitter and gives you all you need to go on and set up social interaction tracking on your website.

Setting up the latest Google Analytics tracking code
The latest version of Google Analytics has built-in support for tracking +1 button interactions but Facebook and Twitter (and others) need a bit of JavaScript adding to a page to store data.

First, make sure you are using the latest version of the tracking code. Google Analytics has provided an asynchronous tracking code for a while now so you will more than likely be using it. If you’re unsure what that means, in a nutshell it loads the tracking code without stopping the rest of the page downloading (helping to speed up page load) and has a queue of things that should be tracked. We will use that queue to add social tracking to our page.

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'your_code']);

_gaq.push(['_trackPageview']);

(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);

})();

From the code above you can see that the page view is recorded by this line:

_gaq.push(['_trackPageview']);

This is the queue that Google Analytics uses to decide what data to send to your analytics account. To track social actions we will need to change _trackPageview to _trackSocial and offer some extra details, most importantly the social network and action taken.

The code you will need looks like this:

_gaq.push(['_trackSocial', network, action, optional-target, optional-path]);

Twitter
Setting up tracking for twitter is very similar, with the only major difference being the way your JavaScript callback needs to inspect an event for the targetUrl. For this example I’m going to use the tweet button.

First, include the relevent HTML elements:

<a href="http://twitter.com/share" class="twitter-share-button" data-text="Tracking Social
Interactions with Google Analytics" data-count="horizontal" data-via="anatomic" data-related=
"anatomic:Website designer and developer">Tweeta>

Here you can change the data-text to whatever you want (if it isn’t included then Twitter will default to the page’s title) and the data-via and data related can also be changed to the accounts of your choice.

Next, we set up the JavaScript that will render the Tweet button and give us the Twitter events:

<script type="text/javascript" src="http://platform.twitter.com/widgets.js">script>

Finally, we hook into the tweet event using the following JavaScript:

twttr.events.bind('tweet', function(event) {

if (event) {

var targetUrl;

if (event.target &amp;&amp; event.target.nodeName == 'IFRAME') {

targetUrl = extractParamFromUri(event.target.src, 'url');

}

_gaq.push(['_trackSocial', 'twitter', 'tweet', targetUrl]);

}

});

There’s just one final element to add, which is the little bit of code to extract the url from the tweet button, it’s fairly simple and is shown below:

function extractParamFromUri(uri, paramName){

if(!uri){

return;

}

var uri = uri.split('#')[0]; //remove anchor

var parts = uri.split('?'); //check for query params

if(parts.length == 1){

return; //no params

}

var query = decodeURI(parts[1]);

//find the url param

paramName += '=';

var params = query.split('&amp;');

for(var i = 0, param; param = params[i]; ++i){

if(param.indexOf(paramName) === 0){

return unescape(param.split('=')[1]);

}

As with Facebook, there are more events that you might want to hook into and you can see the full list at http://dev.twitter.com/pages/intents-events

Fuente: Ian Thomas

Desmonte. Video Final.

2010-11-16T23:21:00.000-03:00

Asi quedo la edición final del video.

Problema-Solución

2010-11-09T23:27:00.000-03:00

Desmonte. Video

2010-10-06T20:07:00.001-03:00

No es el video final, pero sirve para dar una idea de lo que quise hacer.

Desmonte

2010-10-05T23:37:00.001-03:00

LA TASA DE DEFORESTACIÓN EN LA ARGENTINA ES
SEIS VECES MAYOR QUE EL PROMEDIO MUNDIAL

· La tala arrasó con más de 1 millón de hectáreas, la mayoría ahora con soja.
· Se pierde un promedio de 821 hectáreas de bosques por día, 34 hectáreas por hora.

MEDIO AMBIENTE : LA TASA DE DEFORESTACION DEL PAIS ES SEIS VECES MAS ALTA QUE EL PROMEDIO MUNDIAL

En cuatro años, el desmonte de bosques creció casi el 42%

Fuente:
http://www.greenpeace.org.ar/blogbosques/
http://edant.clarin.com/diario/2007/06/25/sociedad/s-04601.htm

Trimaran, primeros intentos

2010-09-08T00:45:00.000-03:00

Trimaran a escala. Investigación.

2010-08-31T22:05:00.001-03:00

http://www.mimecanicapopular.com/verbotes.php?n=9
http://www.globalsecurity.org/military/world/europe/triton.htm
Poder, se puede:

Acoustic archaeology: The secret sounds of Stonehenge - physics-math - 27 August 2010 - New Scientist

2010-08-27T16:17:00.000-03:00

Acoustic archaeology: The secret sounds of Stonehenge - physics-math - 27 August 2010 - New Scientist

Desarne de objetos. Ejemplos

2010-08-25T21:08:00.002-03:00

Desarme Jueguete,

2010-08-01T16:00:00.000-03:00

BURLA TESTIGOS JEHOVA

2010-06-28T17:17:00.000-03:00

BTL

2010-06-14T01:11:00.000-03:00

Estetica

2010-06-14T01:03:00.003-03:00

Tren from Nicolás Chometowski on Vimeo.

Noche de estudio from Nicolás Chometowski on Vimeo.

Síntesis Gráfica

2010-06-13T21:07:00.001-03:00

Concurso ACA

2010-05-14T00:53:00.002-03:00

Concurso Caracol del plata

2010-04-13T21:03:00.002-03:00

Cambio de audio

2010-03-13T20:50:00.000-03:00

Panorama sonoro

2009-10-13T20:46:00.000-03:00

Conversación Ajena

2009-09-13T20:15:00.000-03:00

Concurso Gente de mi ciudad

2009-08-11T23:18:00.000-03:00

ABCdario

2009-06-30T22:35:00.000-03:00

Avisos Tipográficos

2009-05-31T22:27:00.000-03:00

Lugar. Dirección de Arte

2009-04-11T22:59:00.000-03:00

Gráficas Lego

2008-04-11T22:57:00.000-03:00

El tren

2007-04-11T22:52:00.000-03:00

Infinito

2006-06-13T14:35:00.000-03:00

Corrección V1

Dibujo

2005-06-13T23:55:00.002-03:00

Campaña Villavicencio

2004-04-11T22:36:00.000-03:00

Insight

2003-04-11T22:35:00.000-03:00

Gráficas Topper

2002-04-11T22:32:00.000-03:00

Uno

2001-06-13T14:29:00.001-03:00

The CH Experience

Social Media tracking con Google analytics

Desmonte. Video Final.

Problema-Solución

Desmonte. Video

Desmonte

LA TASA DE DEFORESTACIÓN EN LA ARGENTINA ES SEIS VECES MAYOR QUE EL PROMEDIO MUNDIAL

· La tala arrasó con más de 1 millón de hectáreas, la mayoría ahora con soja.· Se pierde un promedio de 821 hectáreas de bosques por día, 34 hectáreas por hora.

MEDIO AMBIENTE : LA TASA DE DEFORESTACION DEL PAIS ES SEIS VECES MAS ALTA QUE EL PROMEDIO MUNDIAL En cuatro años, el desmonte de bosques creció casi el 42%

Trimaran, primeros intentos

Trimaran a escala. Investigación.

Acoustic archaeology: The secret sounds of Stonehenge - physics-math - 27 August 2010 - New Scientist

Desarne de objetos. Ejemplos

Desarme Jueguete,

BURLA TESTIGOS JEHOVA

BTL

Estetica

Síntesis Gráfica

Concurso ACA

Concurso Caracol del plata

Cambio de audio

Panorama sonoro

Conversación Ajena

Concurso Gente de mi ciudad

ABCdario

Avisos Tipográficos

Lugar. Dirección de Arte

Gráficas Lego

El tren

Infinito

Dibujo

Campaña Villavicencio

Insight

Gráficas Topper

Uno

LA TASA DE DEFORESTACIÓN EN LA ARGENTINA ES
SEIS VECES MAYOR QUE EL PROMEDIO MUNDIAL

· La tala arrasó con más de 1 millón de hectáreas, la mayoría ahora con soja.
· Se pierde un promedio de 821 hectáreas de bosques por día, 34 hectáreas por hora.

MEDIO AMBIENTE : LA TASA DE DEFORESTACION DEL PAIS ES SEIS VECES MAS ALTA QUE EL PROMEDIO MUNDIAL

En cuatro años, el desmonte de bosques creció casi el 42%