Analytics Premium ComScore ClickTale Analytics Certified Partner Klipfolio Coremetrics

Código de moneda en Ecommerce Clásico con GTM

18/02/2015 a las 14:05

Con la aparición del Enhanced Ecommerce de Google Analytics ha cambiado mucho la información que disponemos para el estudio de las conversiones.
La implementación se ha vuelto más compleja y mucho más rica, Google se ha preocupado en recoger todos los datos significativos del proceso y si necesitamos alguno más siempre tenemos las dimensiones personalizadas, tal y como hacíamos antes.

No es una situación muy común, pero se puede dar algún caso en el que todavía tengamos que realizar implementaciones con el Ecommerce clásico.

La implementación del Ecommerce clásico con GTM es muy sencilla, tan solo es necesario incluir el dataLayer correspondiente y la etiqueta de transacción en el contenedor, contamos con documentación de Google donde se explica este proceso de una forma, más o menos, clara. Recientemente nos hemos encontrado con la necesidad de recoger la moneda de la transacción, dato que no forma parte del dataLayer del ecommerce clásico.

Informar de la moneda a Google nos permite tener vistas diferentes para cada país, con su moneda correspondiente, y una vista global en la que se realiza la conversión a euros de cada moneda para tener una información general de los ingresos.

Para enviar este dato a GA, en primer lugar tendremos que agregar el valor al dataLayer de la conversión.

<script>

dataLayer = [{
‘transactionId’: ‘1234’,
‘transactionAffiliation’: ‘Ropa Acme’,
‘transactionTotal’: 38,26,
‘transactionTax’: 1,29,
‘transactionShipping’: 5,
‘transactionCurrency’: ‘GBP’,
    ‘transactionProducts’: [{
‘sku’: ‘DD44’,
‘name’: ‘Camiseta’,
‘category’: ‘Ropa’,
‘price’: 11,99,
‘quantity’: 1
},{
‘sku’: ‘AA1243544’,
‘name’: ‘Calcetines’,
‘category’: ‘Ropa’,
‘price’: 9,99,
‘quantity’: 2
}]
}];

</script>

En el siguiente paso iremos a GTM y crearemos una macro de tipo “variable de capa de datos” en GTM que recoja este valor, indicando el nombre de la clave que hemos incluido en el dataLayer de transacción.

macro_currency

A continuación en nuestra etiqueta de transacción añadimos el nuevo campo. Para ello desplegamos la opción “more settings” dentro de la etiqueta e insertamos el nuevo campo en “fields to set”

more_settings - fields to set

En versiones más recientes de GTM Google ha simplificado la inserción de este dato en concreto en la etiqueta de transacción, proporcionando un campo específico para ello.

añadiendo currency code en la transacción

De la misma manera que en el ejemplo anterior debemos crear antes la macro que recoja el valor del dataLayer.

Esto permite a Google recoger ese valor sobre el que basarse para realizar la conversión oportuna.

Google Proporciona un listado de los códigos de moneda sobre los que soporta la conversión, que son los que deberemos incluir en cada caso en el campo de transactionCurrency de nuestro dataLayer.

Como nota curiosa, en una experiencia reciente, hemos comprobado que a pesar de que en el listado se indica que el código de la Lira turca es TRL, Google no lo acepta y el código correcto sería TRY.

Por supuesto, en el resto de casos, es importante mantener el código especificado por Google. En el caso de que existan distintas definiciones para una misma moneda en necesario utilizar la que aparece en el listado.

Esto puede darse por ejemplo con la moneda china, el yuan o renminbi abreviado como RMB, también se ha utilizado como código de moneda en muchas ocasiones, pero en este caso el código que acepta Google para esta moneda es el oficial (CNY).

Es importante saber que Google Analytics utiliza el valor de cambio del día anterior en el que se realizó el procesamiento de los datos, por lo tanto, si contamos con una propiedad en la que se recogen los datos de las transacciones de varias divisas para mostrar los ingresos en una moneda común, por ejemplo en euros, si el valor de una moneda fluctúa, podemos encontrarnos con ingresos diferentes para un mismo producto en distintos periodos de tiempo seleccionados en los informes.

 

Ajuste de rebote mediante temporizador en Google Tag Manager

06/02/2015 a las 18:36

Una de las métricas que nos da señales de la efectividad de las páginas en un sitio, es la “Tasa de Rebote” o “bounce rate”, cuando esta métrica está en los extremos, ya sea baja, alta o de valor cero, es porque algo no anda bien con nuestro sitio o definitivamente algo en la implementación de Google Analytics no anda como debería.  Pero cómo saber si la tasa de rebote de nuestras páginas está indicando de manera verídica la efectividad de nuestras páginas, ¿Y qué pasa con aquellos sitios que tienen una única página?, ¿Cómo poder ajustar el rebote en estos casos?

Ajuste de rebote mediante temporizador en Google Tag Manager

Bueno, a través de la creación de eventos y etiquetas en Google Tag Manager, se puede lograr ajustar y calcular el rebote de forma más precisa, sobre todo para aquellos sitios de contenido como blogs y otros que solo puedan tener su contenido en una sola páginas.

Por lo tanto,  haciendo este evento vamos a poder diferenciar aquellas visitas genuinas, de aquellas que realmente abandonan sin ningún interés en nuestro sitio.

 

Ajuste mediante Temporizador:

Una de las soluciones que nos permite Google Tag Manager, a través de la creación de eventos, es no considerar rebote cuando una página lleva abierta cierta cantidad de tiempo sin ninguna interacción por parte del visitante, asumiendo que éste ha encontrado lo que busca, consume el contenido y luego se va, sin necesariamente contabilizarla como abandonada, sino más bien como una visita completada.

Para poder hacer esta acción, se tiene que crear un evento de temporizador para que cuando ocurra ese suceso, se accioné el evento tras pasado un tiempo determinado, de esta forma se cancelará el rebote y contabilizará la interacción especifica.

A continuación, lo primero por hacer es crear una etiqueta tipo “Procesador de temporizador” y nombre de evento “gtm.timer”.

 

Ajuste de rebote mediante temporizador en Google Tag Manager-2

Lo segundo es llenar los siguientes campos, así que mucha atención.

Ajuste de rebote mediante temporizador en Google Tag Manager-3

La etiqueta se activará, en este caso, después de un intervalo de 20 segundos que equivale a definir 20000 milisegundos, o el tiempo que se considere necesario para el sitio.

En relación al intervalo,  éste será “1”, ya que queremos que el evento se ejecute en cada visita una sola vez. En caso que quisiéramos que se active varias veces de manera cíclica, se coloca la cantidad de veces que queremos que se active el evento.

Una vez creado el evento que va a procesar esta interacción de tiempo, creamos una etiqueta que tendrá por objetivo capturar  el evento en Google Analytics.

Para eso vamos a nombrar la etiqueta como “UA-Tiempo de Interacción”, o como estimen conveniente,  en este caso seguirá siento de tipo Universal Analytics y con el código de seguimiento de su cuenta de Google Analytics “UA-XXXXXXXX-X”.

Ajuste de rebote mediante temporizador en Google Tag Manager-4

Si se fijan, en este caso he creado una macro llamada “Tracking id” de tipo “Cadena constante”, para así poder guardar el código de seguimiento. La ventaja de crear esta macro, es que previene posibles errores al momento de ingresar el código, así como también permite cambiarlo de manera fácil y rápida.

 

Ajuste de rebote mediante temporizador en Google Tag Manager-5

 

Lo que no pueden olvidar es colocar  valor “Falso” en la vista sin interacción, de esta forma contará como interacción y cancelará el rebote.

A un solo un paso de finalizar, lo siguiente es crear la regla de activación para que se capturen los datos cuando ocurra el evento gtm.timer, como se muestra en la captura de pantalla.

Ajuste de rebote mediante temporizador en Google Tag Manager-6

Ahora solamente tenemos que guardar y publicar, para que así se actualice la última versión. Y con esta acción, ya se estará cancelando el rebote de una visita que ha permanecido en una página sin hacer ninguna otra interacción, en un periodo mayor a  20 segundos.

Para saber si Google Analytics está capturando esta interacción, hay que buscar “Interaccion/timer 20s”  en los informes de Eventos de Google Analytics.

Otra forma de enterarse, es descargar la herramienta gratuita de Chrome haciendo clic acá.

gtm chrome event

Y luego ir a la página y verificar que se activó el evento pasado los 20 segundos.

Ajuste de rebote mediante temporizador en Google Tag Manager-7

Hay otras formas más óptimas de ajustar el rebote que mediante un evento de temporizador, esta opción no considera la posibilidad de que un visitante pueda dejar abierta la página sin necesariamente estar interactuando con ella, puede haberla dejado abandonada en alguna pestaña de su navegador o simplemente se fue a preparar un café, no lo sabemos. Es por esta razón que existen otras mejores opciones como la realización de un evento, donde se cancele el rebote a través de interactuar con el scroll de la ventada de navegación de la página, así como también considerar dos eventos conjuntamente, el de scroll más el temporizador, para así poder ajustar el rebote de un sitio con características que requieran ajustes, como por ejemplo aquellos que tienen una sola página, blogs o webs de contenidos, entre otros.

Pero las otras opciones se las comentaré en otro post de Doctor Metrics.

¡Hasta la próxima!

 

Guía para implementar el Ecommerce Mejorado (Enhanced Ecommerce)

25/06/2014 a las 14:29

Consigue la guía de ecommerce mejoradoHace unos días, escribimos un post sobre el nuevo Ecommerce Mejorado de Google Analytics. Como creemos que es uno de los cambios más importantes que ha hecho Google desde que sacó el Universal Analytics, hemos preparado una guía en la que encontrarás toda la información sobre el nuevo ecommerce mejorado y qué aporta a nivel de análisis así como una explicación paso a paso de cómo instalarlo utilizando el Google Tag Manager.

Y para los que crean que utilizar el Google Tag Manager es muy complicado, dentro de la guía encontrarás un cupón de descuento para nuestro curso de instalación y configuración de Google Analytics con Google Tag Manager.

Ya no tienes excusa para descubrir qué pasa con tus usuarios cuando realizan una compra en tu sitio  y, descubrir qué puedes mejorar para que tengan una experiencia de uso más satisfactoria y obtengas más ingresos.

Quiero la guía Metriplica del Ecommerce Mejorado (Enhanced Ecommerce)

 

Control de errores en formularios sin intervención de IT gracias a GTM

02/06/2014 a las 13:22

Es fácil que nuestra propia web nos parezca elegante, intuitiva y que los formularios que la pueblan son bonitos, concisos y fáciles de usar, hasta que descubrimos que los clientes no terminan un proceso de compra, una suscripción o no se ponen en contacto con nosotros tanto como cabría esperar.

Hacer el seguimiento de los errores de un formulario suele ser el método más eficiente para comprobar si nuestros formularios presentan alguna complejidad a la hora de ser rellenados por los usuarios.

En ocasiones desarrollar este seguimiento de errores para el site de un cliente puede ser una tarea algo tediosa, normalmente hay que ponerse en contacto con el departamento de IT para que añadan la programación necesaria dentro del proceso de control de errores de un formulario y así conseguir que Google Analytics reciba esa información.
Como esto no siempre ocurre con la celeridad que nos gustaría, ahora contamos con el GTM y sus etiquetas de procesamiento de eventos o “event listener”.

Os proponemos una solución para implementar el seguimiento de errores utilizando GTM sin que tengáis que recurrir al departamento IT del cliente.

Por supuesto, para poder seguir estos pasos es necesario tener una cuenta de Google Tag Manager asociada a tu Google Analytics y con el código del contenedor incluido en las páginas del site.
Si necesitas alguna información para empezar a usar GTM puedes echar un vistazo a este post http://www.doctormetrics.com/2013/02/13/google-tag-manager-analytics/
Y
 si quieres formarte y tener una visión más amplia de lo que permite Google Tag Manager, seguro que este curso te parecerá interesante
http://www.metriplica.com/es/formacion/c-curso-online-google-tag-manager-gtm

Primer paso, acceder a nuestra cuenta de Google Tag Manager y crear la etiqueta que estará escuchando a que se pulse sobre el botón de submit del formulario.

Tendremos que completar los siguientes datos:

Nombre de etiqueta, por ejemplo “submit formulario”
Tipo de etiqueta, debemos seleccionar, dentro de “procesador de eventos”, la opción “Procesador de envío de formularios”.

Etiqueta procesador de formularios

 

A continuación marcaremos el “check” de esperar  por las etiquetas

Esperar por las etiquetas

 

Necesitamos que esta etiqueta esté escuchando en todas las páginas del site, por lo que seleccionaremos la regla “todas las páginas”, y pulsaremos en guardar la etiqueta.

Segundo paso, crearemos una regla que permitirá que las etiquetas se lancen cuando se cumpla el anterior evento, es decir, cuando el evento sea gtm.formSubmit.

Creación de regla

 

Tercer paso, crearemos una etiqueta HTML personalizada con un código javascript que compruebe que campos de nuestro formulario no se han rellenado y genere un dataLayer en ese caso, informando del nombre del campo.

Etiqueta HTML que gestiona los errores del formulario

 

El código que deberemos insertar en el campo HTML de la etiqueta es el siguiente:

<script src=”http://code.jquery.com/jquery.js”></script>
<script>
$(document).ready(function(){
$(“form :input”).each(function(){ //recorremos todos los elementos del formulario
if($(this).attr(“type”)!=”hidden” && $(this).attr(“type”)!=”submit” && $(this).attr(“type”)!=”radio” && $(this).attr(“type”)!=”checkbox”){
//controlamos que el elemento no es un campo oculto, el botón de submit, un radiobutton o un checkbox
if($(this).val()==””){
dataLayer.push({‘event’:’errorForm’ , ‘virtual_page’:’/virtualpage/form_’+$(“form”).attr(“id”)+’/campo_’+$(this).attr(“name”)+’/enblanco’});
//lanzamos el dataLayer con el evento y la información de la página
}
}
});
});
</script>

Vamos a explicar un poco lo que hace este código.
En primer lugar cargamos la librería jquery, esto no será necesario si ya existe en la página.

Con $(“form :input”).each recorremos los elementos del formulario.
Con el primer if excluimos los elementos que no sean campos de texto, listas desplegables o textarea.
El segundo if comprueba que el valor del elemento esté vacío, en ese caso se lanza el dataLayer con el dato del evento que utilizaremos para la siguiente etiqueta y el dato de la página virtual con la información del campo que ha dado error.
Con form_’+$(“form”).attr(“id”)  estamos indicando el identificador del formulario, podemos utilizar también el atributo “name”. En el caso de que no existan estos atributos en la definición del formulario podemos utilizar la macro {{url path}}, en este caso el valor para virtual_page quedaría así:
‘/virtualpage’+{{url path}}+’/campo_’+$(this).attr(“name”)+’/enblanco’
Con campo_’+$(this).attr(“name”) cargamos el nombre del elemento de formulario que se dejó en blanco.

Cuarto paso, crearemos una etiqueta que se encargará de transferir a Analytics la información con los errores del formulario.
Antes crearemos dos macros y una regla que vamos a necesitar para nuestra última etiqueta.

– Macro que recoge el valor de la página virtual que mandamos en el dataLayer

Macro para página virtual

 

Seleccionamos como tipo de macro variable de capa de datos e indicamos el nombre de la macro y el nombre de la variable de la capa de datos, este último coincide con el campo que hemos utilizado en el dataLayer.

– Macro con una cadena constante con nuestro ID de seguimiento, esta macro no es obligatoria, ya que podemos cargar la ID directamente, pero simplifica las cosas cuando vamos a tener varias etiquetas

Macro Propiedad - cadena constante

 

 

– Regla para el evento “errorForm”, que permitirá que nuestra etiqueta se lance cuando se cargue el dataLayer con este evento.

Regla para lanzar etiqueta con errorForm

 

Por último crearemos la etiqueta, tendremos que completar los siguientes datos:

Nombre de etiqueta, por ejemplo “virtuales error formulario”
Tipo de etiqueta, aquí debemos seleccionar según el tipo de cuenta que tengamos (Analytics Clásico o Universal Analytics).
ID de seguimiento, incluiremos la macro que tiene la información de nuestra ID {{Property-ID}}
Tipo de seguimiento, Seleccionaremos vista de página.
En Más configuraciones, Configuración básica, Ruta del documento seleccionaremos nuestra macro con la información de la página virtual {{virtual_page}}

Ruta de documento - virtualpage

 

Y como regla de activación seleccionamos la regla, antes creada, evento_error_form

Eso es todo, a partir del momento que creemos una versión del contenedor y lo publiquemos, cada vez que se ejecute el submit de un formulario de nuestra web estaremos recogiendo la información de los posibles campos que se han quedado en blanco.

Cómo pasarse a Google Tag Manager desde Analytics

13/02/2013 a las 10:23

Google Tag Manager (GTM) permite ahorrar mucho tiempo en la implementación y en la gestión de las etiquetas que necesitamos incluir en nuestro site. Para profundizar en este tema, recomendamos la lectura del siguiente post de nuestro blog: Google Tag Manager: Analítica Web Productiva.

Google Tag Manager y Google Analytics

Implementación del tracking de e-commerce con Google Tag Manager

18/01/2013 a las 09:49

Google Tag ManagerGoogle Tag Manager es una herramienta de Google que permite centralizar la gestión de los diferentes tags o códigos que agregamos en nuestros sitios como puede ser el código de conversión de AdWords, el de seguimiento de Google Analytics, etc.

La ventaja de esta herramienta es que podemos realizar cambios en la configuración de un código instalado, como por ejemplo Google Analytics, o bien añadir un nuevo código de una herramienta sin necesidad de contar con el equipo de IT y por tanto los tiempos de implementación se acortan.

Como hemos dicho al principio, una de las ventajas del Google Tag Manager es que permite instalar Analytics de manera muy rápida y sencilla, no obstante a día de hoy la documentación sobre cómo añadir algunas características más avanzadas del Google Analytics, como el ecommerce, es bastante escasa.

En este artículo voy a describir cómo podemos agregar el código de ecommerce a un sitio web utilizando esta herramienta con la nueva actualización.

Los artículos más compartidos en DoctorMetrics en el 2012

21/12/2012 a las 09:10

Feliz Navidad 2012Como es costumbre, aprovechamos estas fechas para desearle a todo el mundo una muy Feliz Navidad y un Próspero Año Nuevo.

2012 nos ha dejado, en el campo de la Analítica Web, muchas cosas nuevas.

Aquellos que quieran refrescar su memoria deberían leer el resumen del Google Analytics Summit 2012.  Si algo hay que destacar, es el concepto de Universal Analytics. 2013 será, con toda probabilidad, mucho más sorprendente en este aspecto.

Para acabar bien el año, hemos preparado una selección de post de 2012 que recomendamos releer. La idea es que entréis en el 2013 muy preparados para lo que viene. La selección la hemos hecho en función de los Tweets de cada uno:

Cómo lanzar eventos con Google Tag Manager

05/11/2012 a las 09:53

Llega ese día en que decides migrar tu tracking de Google Analytics habitual para hacerlo a través de Google Tag Manager  (si todavía no lo habéis hecho por miedo no os preocupéis, es muy sencillo y si os hace falta Justin Cutroni os lo explica en este vídeo en YouTube).

Entonces, ¿qué pasa con todos aquellos eventos que estabais siguiendo antes con Google Analytics?

¡Pues no pasa nada! Tan solo hemos de buscar la manera de hacerlo nuevamente con Google Tag Manager. A continuación os dejo una manera sencilla (sin dataLayer de por medio) de cómo podemos lanzar algunos tipos de eventos e incluso uno dedicado especialmente a los usuarios de WordPress (cuya metodología y funcionamiento es replicable en otro tipo de situaciones).

Google Tag Manager: Analítica Web Productiva

01/10/2012 a las 13:57
Google-Tag-Manager

Google Tag Manager

Google acaba de anunciar hoy mismo el Gooogle Tag Manager desde la conferencia eMetrics.

Desde el inicio de la analítica web, los profesionales del sector nos hemos encontrado siempre con el mismo problema. No importa qué tipo de empresa sea nuestro cliente: multinacional, empresa pequeña o nosotros mismos. El problema siempre está presente. Supongo que os estoy intrigando: ¿cuál es este problema? El problema son los requisitos cambiantes.

Cada vez más estamos enfocados en estudiar las conversiones de nuestros productos, a analizar comportamientos y ciclos de compra, a realizar complejas segmentaciones…  de manera que, necesitamos realizar arduas implementaciones de Google Analytics (o de cualquier otra herramienta de análisis web) que nos den respuesta a estas preguntas. Después de mucho esfuerzo en coordinar y dar un constante soporte a estas requisitos acordados, la implementación se termina y todos estamos contentos y felices. La felicidad es efímera…

Se advierte al usuario del uso de cookies propias y de terceros de personalización y de análisis al navegar por esta página web para mejorar nuestros servicios y recopilar información estrictamente estadística de la navegación en nuestro sitio web. Política de cookies Acepto