Suscríbete a mi blog y no te pierdas nada

Inicio > Blog > Prestashop + Google Analytics: qué eventos medir y cómo medirlos

Prestashop + Google Analytics: qué eventos medir y cómo medirlos

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (todavía no tiene votos)
Cargando…

Si has tocado Prestashop por detrás, sabrás que tiene una potente herramienta de medición estadística que nos propociona, entre otros datos nuestros mejores clientes, los productos más vendidos, las categorías más visitadas, etc.

Pero lo que no trackea son los comportamientos del cliente dentro de tu tienda y eso es lo que vamos a intentar solucionar aquí utilizando Google Analytics y la característica de medición de eventos.

Un evento es algo que pasa cuando un usuario realiza una interacción en tu página (click, rollover, scroll, etc) contra algún elemento: la propia página, un bánner, una imagen, un link. Google Analytics tiene la habilidad de registrar esas interacciones como parte de su informe de eventos que puedes encontrar en la pestaña “Contenido / Eventos”

¿Cómo trackear los eventos?

Irremediablemente, hay que tocar código.

Lo primero y obvio es tener una cuenta de Google Analytics e instalar y configurar el módulo de Prestashop de Analytics. Una vez hemos hecho esto, vamos al código.

Pongamos que tenemos un bánner en nuestra página que dice: “5% de descuento para nuestros fans de Facebook” y que te lleva a la página de Facebook. Podemos trackear las veces que ese bánner ha sido clickeado y las veces que el usuario ha interactuado con él sin hacer click.

(IMPORTANTE: si no tienes muchos conocimientos de HTML quizá te pierdas. En este caso, es mejor que dejes este código en manos de alguien que sepa tocarlo.)

Vamos con el código de Analytics que podemos utilizar dentro de un archivo js, por ejemplo:


$('.elBannerdeFacebook').click(function() {
_gaq.push(['_trackEvent', 'Banners', 'Banner de Facebook clicado', '', , true]);
})

Donde “Banners” es el paraguas que agrupará todos los eventos relacionados con bánners dentro de nuestra cuenta de Google Analytics y “Banner de Facebook clicado” es el evento específico que nos indicará que el bánner ha sido clicado.

De la misma manera:


$('.elBannerdeFacebook').mouseenter(function() {
_gaq.push(['_trackEvent', 'Banners', 'Interacción banner de Facebook ', '', , true]);
})

Nos indicará cuántas veces un usuario ha puesto su mouse sobre el bánner.

Si tenemos, por ejemplo, 1.200 interacciones y 2 clicks, sabremos que la efectividad de ese bánner es pobre.

¿Qué medir?

¿Cuándo se vuelve útil todo esto? Porque trackear un banner está bien, pero… vamos allá.
Voy a coger como muestra la demo de Prestashop: http://demo-store.prestashop.com/es/

Podemos medir:
– Rollovers vs. clicks de los productos destacados de la home
– Veces que se despliega el carrito superior (trackeamos el ul ID: “header_nav”)
– Rollovers vs. clicks del menú superior de categorías (hay que asignar un ID a cada categoría)
– Rollovers vs. clicks en el botón de comprar (trackear el p ID: “add_to_cart”)
– Veces que se comparte un producto en Facebook (a veces es difícil trackear eso a través de la red social). Este módulo que viene por defecto no nos lo dice, por lo tanto, podemos trackearlo con el evento del link del li (#left_share_fb a)
– Veces que se imprime un producto (trackear “.print”)

Y lo más interesante, el checkout

Gracias a los eventos podemos trackear las interacciones de nuestros usuarios en la página del checkout, que siempre es crítica.

– Cuántas veces se hace click en “pedido rápido” (express checkout): trackear el ID “opc_guestCheckout”
– Cuántas veces se hace click en “crear una cuenta”: trackear el ID “opc_createAccount” (estos dos los podemos trackear desde el archivo theme/tutheme/js/order-opc.js
– Comparar los clicks de las dos primeras con los clicks del botón “GUARDAR” ID “submitAccount” para saber cuántos de los que comienzan el proceso del pedido guardan los datos y pasan al siguiente paso.

– Cuántas veces se leen las condiciones generales: trackear el class “iframe”
– Cuántas veces se marca el checkbox de condiciones generales: trackear el ID “cgv”

El problema de estas métricas

El problema es básico y tiene solución: no podemos discriminar cuántos usuarios han hecho rollOver y click más de una vez, por lo que no tenemos constancia de si los 80 rollovers y 120 clicks que hemos registrado los han provocado 1, 2 o 50 usuarios.

De todos modos, podemos crear nuestro código javascript de manera que el tracking del evento de Google Analytics solo se dispare una vez. Es decir, que si alguien hace rollover 3 veces en el mismo bánner o hace click 4 veces en el botón guardar del checkout porque las 3 primeras se generaron errores (mail incorrecto, falta el teléfono…), que solo se registre la primera vez 🙂

Publicado el 22.08.2012 en Prestashop
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (todavía no tiene votos)
Cargando…
Comentarios

8 comentarios para "Prestashop + Google Analytics: qué eventos medir y cómo medirlos"

  • El 23.08.2012 , Jonathan ha comentado:

    Maldito Joe, eres un genio del marketing! jaja También puede ser una buena solución si somos mas “parados” en html simplemente etiquetar el enlace del banner y así nos marcará los clicks como si fuese una campaña.

    Y para saber si funciona también se puede utilizar la posibilidad de analitycs > contenido > analítica de la página. Aunque no apuntará tan fino como lo tuyo 🙁

    • El 23.08.2012 , jordiob ha comentado:

      😀

      Lo que comentas de trackear con UTM’s también es útil, pero nos perdemos todos los trackings de rollovers y clicks de jQuery (los clicks que disparan acciones, no los que van a una URL) El punto de todo esto es, precisamente, medir todos los eventos que se quedan en la página, ya que en Prestashop son tan amantes del jQuery y del AJAX 🙂

  • El 01.10.2012 , TrueColorObsession ha comentado:

    Sublime seria la palabra que resumiría el post completo, lastima que falte una imagen :(. Es una información bastante útil, así sabemos si debemos cambiar el elemento de lugar o dejarlo como esta.

  • El 15.08.2013 , anayeli ha comentado:

    Saludos Jordi

    donde colocas este js?

    Gracias

    • El 15.08.2013 , jordiob ha comentado:

      Hola! En el footer

  • El 15.08.2013 , anayeli ha comentado:

    Muuchas gracias por tu pronta respuesta,

    pero en el footer de qué archivo?

    nuevamente gracias

  • El 15.08.2013 , luis ha comentado:

    Nooo, bueno, si quieres te pueden hacer la chamba

Deja tu comentario

Acepto expresamente la política de privacidad de jordiob.com