Seguimiento de Twitter en Google Analytics para tu sitio web

¿Quieres ver el contenido de la página? Mostrar

Si utilizas Twitter como herramienta de marketing, seguro que deseas medir tus resultados con precisión. Pero, ¿sabías que puedes rastrear interacciones específicas como los clics en el botón «Tweet»? La buena noticia es que la combinación de Google Analytics y Google Tag Manager te permite hacerlo de manera efectiva. En este artículo, exploraremos cómo implementar este seguimiento en tu sitio web.

Antes de profundizar, es esencial que tengas un conocimiento básico sobre Google Tag Manager (GTM). Si eres nuevo en este tema, te recomiendo encarecidamente que consultes algunos cursos gratuitos de Google Tag Manager para familiarizarte. A continuación, te presento los requisitos mínimos para comenzar:

Debes tener el código de seguimiento de Google Tag Manager instalado en tu sitio web.
Es necesario que sepas qué son las etiquetas, los disparadores, las variables y el dataLayer en Google Tag Manager.
Opcional: si has importado un contenedor de GTM previamente, aprenderás a rastrear botones de Twitter en pocos minutos.

Aspectos a considerar antes de comenzar

Antes de iniciar el proceso de seguimiento, hay varias consideraciones importantes que debes tener en cuenta:

Este método de seguimiento solo funciona con los botones de Twitter que están incrustados en tu sitio web. No podrás rastrear tweets o retweets que ocurran en otras plataformas.
El seguimiento se limita a los botones de Twitter predeterminados. Otros plugins de compartición social como AddThis o Sumo no son compatibles. Para botones sociales personalizados, deberías intentar rastrear clics de enlaces estándar o verificar si el proveedor ofrece integración con Google Analytics.
Cuando un usuario hace clic en el botón de Tweet en tu sitio, se abre una ventana donde puede redactar su mensaje. Desafortunadamente, no podrás seguir si el usuario publica el tweet, ya que esto ocurre fuera de tu sitio. Por lo tanto, podrás rastrear la intención de tweet, no el tweet real.
Los datos que envíes a Google Analytics se mostrarán como Interacciones Sociales. No aparecerán en los informes en tiempo real, sino en tus informes sociales (Adquisición > Social > Plugins) después de 24 a 48 horas.

Configurando el seguimiento de Twitter mediante un tag HTML personalizado

Para poder rastrear los clics en los botones de Twitter, necesitarás crear un tag HTML personalizado en GTM. Este tag, conocido como el escuchador de Twitter, se encargará de captar todas las interacciones con los botones de Twitter en tu sitio.

Cuando el escuchador detecta un clic, generará un evento en el dataLayer, que será fundamental para activar la etiqueta de Google Analytics.

Si prefieres un enfoque más sencillo, puedes utilizar la receta de seguimiento de Twitter para GTM que he publicado. Solo tendrás que descargarla e importarla a tu contenedor de GTM.

A continuación, te explico cómo crear un tag de escuchador de Twitter en GTM:

Tipo de tag: HTML personalizado.
Título del tag: cHTML – Escuchador de Twitter. La «c» en cHTML denota «Custom HTML» (HTML personalizado).
Pega el siguiente código en el campo HTML (este script supervisa los botones de Twitter en tu página y genera un evento socialInteraction al hacer clic):

<script>
if (typeof twttr !== 'undefined') {
 twttr.ready(function (twttr) {
 twttr.events.bind('tweet', tweetIntentToAnalytics);
 twttr.events.bind('retweet', retweetIntentToAnalytics);
 twttr.events.bind('favorite', favIntentToAnalytics);
 twttr.events.bind('follow', followIntentToAnalytics);
 });
}
function clickEventToAnalytics() {
 dataLayer.push({
 'event': 'socialInteraction',
 'socialNetwork': 'Twitter',
 'socialAction': 'click',
 'socialTarget': window.location.href
 });
}
function tweetIntentToAnalytics() {
 dataLayer.push({
 'event': 'socialInteraction',
 'socialNetwork': 'Twitter',
 'socialAction': 'tweet',
 'socialTarget': window.location.href
 });
}
function retweetIntentToAnalytics() {
 dataLayer.push({
 'event': 'socialInteraction',
 'socialNetwork': 'Twitter',
 'socialAction': 'retweet',
 'socialTarget': window.location.href
 });
}
function favIntentToAnalytics() {
 dataLayer.push({
 'event': 'socialInteraction',
 'socialNetwork': 'Twitter',
 'socialAction': 'favorite',
 'socialTarget': window.location.href
 });
}
function followIntentToAnalytics() {
 dataLayer.push({
 'event': 'socialInteraction',
 'socialNetwork': 'Twitter',
 'socialAction': 'follow',
 'socialTarget': window.location.href
 });
}
</script>

En la sección de Desencadenantes, selecciona el desencadenante Carga de ventana. Si no tienes uno configurado, deberás crear uno. La configuración del desencadenante debe verse de la siguiente manera:

Asigna este desencadenante a tu nuevo tag de escuchador de Twitter. Elegí este método porque he notado que el escuchador no funciona correctamente si se activa demasiado pronto, antes de que se carguen todos los elementos de la página.

Este desencadenante se activa solo cuando todos los scripts han cargado, asegurando que los botones de Twitter se rastreen con precisión. Sin embargo, si la carga de la página tarda demasiado, existe el riesgo de perder algunos clics. Aun así, considero que es un compromiso razonable, dado que los usuarios generalmente no comparten contenido inmediatamente después de llegar a una página.

Verifica el funcionamiento de tu escuchador de Twitter

Utiliza el modo de vista previa y depuración de Google Tag Manager para comprobar si el escuchador de Twitter está funcionando correctamente. En la esquina superior derecha de tu cuenta de GTM, expande las opciones del botón Publicar y selecciona «Vista previa».

Una vez que esté habilitado, navega a tu sitio donde se encuentra el formulario y verás una consola de depuración en la parte inferior del navegador, mostrando información sobre tus tags, su estado de activación y los datos procesados.

Esta ventana de consola solo será visible para ti y no para otros visitantes de tu sitio. Debe verse algo así:

Primero, verifica si el escuchador de Twitter se activó en el evento de Carga de ventana. Haz clic en Carga de ventana. Esto debe aparecer:

A continuación, haz clic en el botón Tweet y busca el evento socialInteraction en la consola de vista previa y depuración. Si todo está funcionando correctamente, ¡felicitaciones! Tu escuchador de Twitter en GTM está operativo.

Creando un desencadenante personalizado

Ahora, debes crear un desencadenante en GTM que reconozca el evento del dataLayer llamado socialInteraction. Este paso es crucial para el funcionamiento de tu etiqueta de Google Analytics.

En Google Tag Manager, ve a Desencadenantes y haz clic en Nuevo. Crea un desencadenante con las siguientes configuraciones:

Configurando variables en Google Tag Manager

Cuando se hace clic en un botón de Twitter, el escuchador genera un evento en el dataLayer. Este evento contiene información adicional, como:

socialNetwork – El nombre de la red social (Twitter).
socialAction – La acción realizada (click, tweet, retweet, etc.).
socialTarget – La URL donde ocurrió la interacción.

Para que Google Tag Manager reconozca estos datos, necesitas crear tres variables con las siguientes configuraciones:

Los nombres de las variables incluirán la abreviatura dlv, que significa Variable de Capa de Datos. Me gusta mantener mis etiquetas, desencadenantes y variables organizadas para facilitar el trabajo con GTM.

Creando la etiqueta de Google Analytics

El paso final es crear la etiqueta de Google Analytics. Esta etiqueta se activará solo cuando se complete la siguiente secuencia de eventos:

Se produce el evento de Carga de ventana.
El tag de HTML personalizado del escuchador de Twitter se activa.
El visitante hace clic en el botón Tweet.
El escuchador de Twitter detecta el clic y genera el evento socialInteraction.
El desencadenante socialInteraction se activa y lanza la etiqueta de Google Analytics.

Es fundamental que todos estos pasos se sigan en el orden exacto.

Ve a Etiquetas en GTM y haz clic en el botón Nuevo. Selecciona el tipo de etiqueta «Universal Analytics» y configura los siguientes ajustes:

Como puedes observar, las tres variables se utilizan en los valores de Red, Acción y Objetivo de Acción en la etiqueta de Google Analytics. Dado que utilicé el tipo de seguimiento Social, todas las interacciones con los botones de Twitter aparecerán en Adquisición > Social > Plugins en lugar de en los informes de Eventos. Sin embargo, puedes cambiar el tipo de seguimiento a Evento si prefieres. En ese caso, las interacciones se mostrarán en los informes en tiempo real de GA.

Realiza la prueba final

Si elegiste Social como tipo de seguimiento en Google Analytics, los datos aparecerán en el informe de Plugins Sociales (Adquisición > Social > Plugins) entre 24 y 48 horas después.

Si optaste por Evento como tipo de seguimiento, utiliza los informes en tiempo real de Google Analytics para verificar si los clics en los botones de Twitter se están transmitiendo correctamente a GA.

¿Sabías que?

También he preparado plantillas listas para usar en Google Tag Manager que te permitirán rastrear Me gusta en Facebook, Pins en Pinterest y compartidos en LinkedIn en tu sitio web. ¡No dudes en probarlas también!