x
Ejemplos para el Análisis Web

A nosotros tampoco nos gusta el spam.

Configurar plugins de redes sociales en GTM

Publicado por BIAlita en Analytics
Complementos Sociales con GTM
5.0 de 5 basado en 2 voto(s)
  / 2
PocoMucho 
GTM ha cambiado a la versión 2. Te recomiendo leer sobre la Migración de Google Tag Manager y ajustar todas tus etiquetas.

Si publicamos artículos en nuestro sitio web, seguramente nos gustará saber qué contenido es el más compartido a través de los botones de las redes sociales y que acciones se  llevaron a cabo en cada red social.

Ejemplo:

Google plus: +1 | Twitter: tweet, retweet, mention | Facebook: like, unlike, share.

 

¿Cuál es la función de los reportes sociales en Google Analytics?

1. Podremos utilizar la información obtenida para crear más contenido sobre los temas más populares.

2. Se puede identificar que botones no son muy usados por sus visitantes y tomar la decision de quitarlos (mejorarás el tiempo de carga)

 

Reportes sociales en Google Analytics

No se requiere ninguna configuración extra para ver las interacciones de Google+ 1 en el informe de Plugins o Complementos Sociales, pero se requiere configuración técnica adicional para rastrear otros plugins.

Tendremos que crear 3 macros y 2 etiquetas con sus respectivas reglas en Google Tag Manager.

En este ejemplo se insertó el codigo proporcionado por Facebook y Twitter directamente en el sitio, no se utilizó AddThis o similares.

 

Macros

Como lo indica la documentación de GA, debemos guardar la siguiente información de cada botón.

ga('send',{
  'hitType':'social',
  'socialNetwork':'facebook',
  'socialAction':'like',
  'socialTarget':'http://www.bialita.com',
  'page':'/my-new-page'
});

Creamos los Macros: socialNetwork, socialAction y socialTarget. Los 3 son del tipo Variable de capa de datos.

 

Etiquetas

Ahora necesitamos 2 etiquetas, la primera para agregar el código que tendrá los valores de Facebook y Twitter. La segunda etiqueta será para pasar esos valores a Google Analytics.

1. Creamos la etiqueta "Redes Sociales Plugin" que es del tipo Etiqueta HTML personalizada y agregamos el código siguiente dentro de la etiqueta <script>:

if (typeof FB !== 'undefined'){
  FB.Event.subscribe('edge.create',
    function(href) {
      dataLayer.push({
        'event': 'socialBtn',
        'socialNetwork': 'Facebook',
        'socialAction': 'Like',
        'socialTarget': href
      });
    }
  );
}
if (typeof twttr !== 'undefined') {
  twttr.ready(function (twttr) {
    twttr.events.bind('click', clickEventToAnalytics);
  });
}
function clickEventToAnalytics() {
  dataLayer.push({
    'event': 'socialBtn',
    'socialNetwork': 'Twitter',
    'socialAction': 'tweet',
    'socialTarget': window.location.href
  });
}

Su regla de activación será un evento que es igual a gtm.dom, para que se ejecute al momento que la página cargue.

El evento socialBtn es necesario para la ejecución de la siguiente etiqueta.

2. Creamos la etiqueta "Botones Sociales" que es del tipo Universal Analytics y el tipo de Seguimiento es Redes Sociales. Los parámetros son los macros creados previamente:

Red: {{socialNetwork}}

Acción: {{socialAction}}

Objetivo de la Acción: {{socialTarget}}

Su regla de activación será el evento socialBtn del punto anterior

 

En el video podrán ver la explicación completa, con la comprobación de que la configuración realizada funciona.

 

¿Qué red sociales es más utilizada en tu sitio, notas alguna preferencia?

 

Te agradecería nos regalaras un +1 o votaras el artículo en la parte superior para seguir creando contenidos interesantes

 

Soy CEO de . Fundadora y co-administradora del grupo Joomla en México, también cuento con un Canal de YouTube sobre SEO Joomla y Wordpress que te invito visitar. Estoy certificada en Google Adwords y Google Analytics. Sígueme en mi perfil de Google + y salúdame para conocerte.

x
Ejemplos para el Análisis Web

A nosotros tampoco nos gusta el spam.