El blog de epaDesign

Recopilatorio de publicaciones de Emiliano Perez Ansaldi

Cómo rastrear los datos de los botones sociales en Google Analytics


Aunque existen varias maneras de saber el tráfico que dirigen las redes sociales a tu sitio. Por ejemplo, mediante filtros y expresiones regulares. Como explica en este excelente post Juan Merodio, hoy quiero hablaros de la medición de las interacciones desde los “botones sociales” que pueblan blogs y páginas web.

Antes de nada, una aclaración. No está incluido el rastreo del “Me Gusta” de Tuenti ya que de momento, no está abierto a todo el mundo.

Empecemos. Si tienes un blog en WordPress lo tienes fácil. Sólo tienes que agregar este plugin y hará todo el trabajo “sucio” por ti.

Pero si no es tu caso y quieres saber como implementarlo te cuento como se hace.

Lo primero que tenemos que hacer es pasar nuestro Google Analytics a la nueva versión ya que la anterior no tiene esa funcionalidad.

Una vez que hemos hecho esto, empezamos a meter mano en el código.

Ya sabes que el código nuevo de Google Analytics va antes del cierre de la etiqueta </head> y no en el cierre del </body>.

Bueno, luego de tu código de analytics, antes del cierre del HEAD, insertas este codigo:

<!– Google Analytics Social Button Tracking –> <script type=”text/javascript” src=”http://app.tabpress.com/js/ga_social_tracking.js”></script&gt;

El resultado final con todo el código, será algo parecido a esto:

<script type=”text/javascript”> var _gaq = _gaq || []; _gaq.push([‘_setAccount’, ‘UA-xxxxxx-x’]); _gaq.push([‘_trackPageview’]); (function() { var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true; ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl&#8217; : ‘http://www&#8217;) + ‘.google-analytics.com/ga.js’; var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s); })(); </script> <!– Google Analytics Social Button Tracking –> <script type=”text/javascript” src=”http://app.tabpress.com/js/ga_social_tracking.js”></script&gt; </head>

Botón “Me Gusta” de Facebook

Vamos a empezar con el más famoso. Para insertar el botón “Me gusta” de Facebook con el track para analytics, sólo debes agregar este código en el lugar que lo quieras insertar:

<div id=”fb-root”></div><script src=”http://connect.facebook.net/en_US/all.js#xfbml=1″></script><script type=”text/javascript”>_ga.trackFacebook();</script><fb:like href=”www.midominio.com” send=”true” width=”450″ show_faces=”false” font=””></fb:like>

Botón de Twitter

Para añadir el botón de Twitter, primero debemos agregar esto antes del cierre del </head> (donde antes pusimos el otro código)

Lo nuevo que debemos agregar es esto:

<!– 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&#8217;; // Setup a callback to track once the script loads. twitterWidgets.onload = _ga.trackTwitter; document.getElementsByTagName(‘head’)[0].appendChild(twitterWidgets); })(); </script>

Luego de esto, ya podemos insertar el código de nuestro botón:

<a href=”http://twitter.com/share&#8221; data-count=”horizontal” data-via=”hyperarts”>Tweet</a><script type=”text/javascript” src=”http://platform.twitter.com/widgets.js”></script&gt;

Se supone que el +1 de Google ya viene con esa función, por lo que sólo insertando el botón lo tendrías.

El botón de +1 de Google lo puedes personalizar desde esta página.

Y listo. Con esto tendríamos nuestro combo de botones sociales debidamente configurados para poder ver el grado de interacción social que tiene nuestra web.

Si tenéis alguna duda, en la página oficial de Social Interactions Analytics, tenéis más documentación.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: