Dimensiones personalizadas Tiempo y Temperatura en Tealium

¿Tienes un ecommerce o tienes a tu cargo el análisis de los datos de alguno?

Seguro que más de una vez has escuchado algo como que los días de lluvia son una bendición para el comercio electrónico ya que la gente suele quedarse en casa y realizar sus compras a través de la red.
Pues bien, el gran Simo Ahava nos daba una idea en este post para poder comprobar si realmente se cumplía dicha teoría mediante una implementación en GTM.

Nosotros hemos comprobado que su implementación funciona perfectamente en Google Tag Manager, sin embargo teníamos la duda de cómo realizar esta misma implementación en Tealium.

¿Qué es Tealium?

Para los que no sepáis qué es Tealium os diré de manera rápida que se trata de otro gestor de etiquetas, similar a GTM pero con diferentes características. Tealium utiliza el objeto utag_data para proporcionar información desde el site, además una de sus mayores fuerzas es la integración con un gran número de herramientas de terceros, lo que facilita mucho el trabajo con este gestor de etiquetas.

Otra característica destacable de Tealium que no tiene GTM es que proporciona 3 entornos preconfigurados (DEV, QA y PRO) y la posibilidad de añadir nuevos. Puedes hacer tus pruebas en cualquiera de estos entornos y cuando hayas validado los cambios, actualizar el entorno PRO (producción). De esta manera minimizamos errores.

Todo lo que vayas desarrollando en DEV lo puedes ver online haciendo uso del plugin web companion de Tealium.

webcompanion

En general Tealium es un gestor de etiquetas muy potente, pero pasemos a ver los pasos para tener la información del clima en nuestros informes.

Para ello tendremos que definir dos custom dimensions que recojan la información del tiempo y de la temperatura desde el lugar donde se realiza cada sesión dentro de Google Analytics.

customdimension

La idea es muy sencilla:

Cuando se inicia una sesión, la geolocalizamos al usuario llamando a una API y gracias a este dato llamaremos a otra API que nos devolverá el tiempo y la temperatura que hay en esa geolocalización en ese momento dado.

Como estas llamadas a las API son costosas en tiempo, lo que haremos será realizar esa llamada sólo una vez por sesión, para no afectar a la carga de la página. Para ello crearemos una cookie de sesión que utilizaremos para comprobar si ya se ha realizado el proceso y no repetirlo en una misma sesión.

Dicho así parece muy sencillo, ahora vamos a ver cómo hacer todo esto en Tealium.

De momento está claro que tenemos que crear 4 data sources:

  • cookieTemp
  • Weather
  • Temperature
  • NonInteraction

Comenzamos creando las 2 data sources en el dataLayer de Tealium, weather y temperatura donde recogeremos esta información.

darasource1

El siguiente paso es crear el data source de la cookie de sesión que emplearemos para realizar la llamada a la API sólo una vez.

darasource2

A continuación deberemos crear un tag tipo “Custom container de Tealium“, lo llamaremos Función Tiempo, y seleccionaremos que se lance en todas las páginas.

Llegados a este punto tendremos que guardar los cambios realizados, esto se realiza pulsando sobre el botón de publicar y guardar los cambios sin seleccionar un entorno, para posteriormente entrar otra vez en el tag que acabamos de crear y editarlo.

Sólo entonces podremos ver las opciones avanzadas y seleccionar la opción de “editar plantilla”.

La plantilla está estructurada de una manera que te especifica dónde poner cada parte del código.

Por ejemplo la llamada a la API de geolocalización se realizará en la sección donde veamos “Start loader Function Call” tal y como indica, descomentaremos aquella línea de código que nos interese e introduciremos la URL del script.

codigo1

Una vez descomentado el script externo tendremos que poner el código de la función en el apartado “Start Loader Callback Function”:

codigo2

Justo ahí es donde añadiremos el código de Simo pero con ligeras modificaciones para adaptarlas a Tealium.

Ah! Un dato importante, para no desvirtuar los datos de porcentaje de rebote de la página, deberéis añadir un parámetro de no interaccion en el utag.link ya que se trata de un evento de no interacción.

Por lo que también habrá que crear el data source de nonInteraction.

darasource3

El código a insertar sería:

Ahora sí, le damos a guardar y deberemos mapear las variables en el tag de analytics de la propiedad que queramos analizar.

mapeo1

La manera de mapear las variables es muy intuitiva. Iremos al tag y en el apartamento de “mapped data sources” pincharemos en “Edit”. Se nos abrirá una ventana con todas las variables mapeadas. Buscaremos y seleccionaremos la variable a mapear y seleccionaremos el destino. Es decir aquella variable a la que se refiere en analytics.

mapeo2

En el caso de weather y temperatura se corresponden con las custom dimension 2 y 1, respectivamente. Una vez terminado con el mapeo, tan sólo tendremos que aplicar los cambios y guardarlos.

Ahora ya podremos ver en Analytics los datos del tiempo y la temperatura y podremos saber cuándo se realizan más transacciones.

resultado

Espero que os sirva de ayuda, sin duda es una aplicación muy interesante a tener en cuenta en un ecommerce. Si tenéis alguna duda, no dudéis en preguntar y si lo ponéis en práctica podéis compartir la experiencia.

Autor:

Analista Digital en Metriplica. Ingeniera informática por la Universidad de Valencia y máster en Analítica Web y Multidispositivo por la Universidad de Barcelona.

Leave Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.