Eventos y atributos de la capa de datos enviada a gestores de etiquetas
Publicado el 9 de octubre de 2023· Andronautic Team
Introducción y detalles técnicos del sistema de gestión de etiquetas integrado en Andronautic.
Gestor de etiquetas integrado
Para mejorar y estandarizar la recogida de datos de navegación y conversión de las webs públicas de nuestros clientes, y para garantizar que lo hacen cumpliendo con la normativa europea de protección de datos, estas integran una herramienta llamada Matomo, que registra, almacena y reporta los datos recogidos y generados.
Esta herramienta está instalada en nuestra infraestructura de servidores, por lo que tanto nuestros clientes como sus visitantes pueden navegar por las webs públicas con la tranquilidad de saber que sus datos nunca salen de nuestros servidores y jamás serán vendidos a terceros ni usados para otros propósitos. Además, de esta forma eliminamos la necesidad de que el o la visitante acepte las cookies de marketing en el habitual banner (solo se precisan las de estadística, menos invasivas para el público con sensibilidad hacia la privacidad).
Esta herramienta consta de dos partes:
- Matomo Tag Manager, un gestor de etiquetas que captura los datos de las visitas.
- Matomo Analytics, un analizador de visitas y generador de informes, donde se almacenan dichos datos.
Los datos de las visitas generados por Matomo Analytics están disponibles en un tablero al efecto, incluido en la opción de menú Dashboard: Web analytics de nuestro backoffice.
Otros gestores de etiquetas
Si bien el uso de códigos de rastreo de terceros, tales como Google Analytics, Yandex Metrika, Metricool o Meta Pixel, sigue soportándose de forma directa, se recomienda hacer uso de estos a través de gestores de etiquetas (en inglés, tag managers).
Al margen de los datos que Andronautic recoge con su propio gestor de etiquetas, y que presenta en forma de tablero en el backoffice, nuestros clientes pueden configurar sus propios tag managers a través de la opción Web analytics and tracking del panel de control de su web pública. Tan solo hay que habilitar el gestor de etiquetas deseado e introducir el identificador.
Actualmente existe la posibilidad de usar los siguientes:
- Google Tag Manager.
- Matomo Tag Manager.
Eventos del gestor de etiquetas
Los gestores de etiquetas utilizan el concepto de evento para recoger datos. Cada página incluye al menos un evento, y cada evento contiene un cierto número de atributos o parámetros. El conjunto de eventos y datos enviados se conoce como capa de datos (en inglés, data layer). Los datos que se envían a estos gestores de etiquetas externos son los mismos que se recogen en nuestra herramienta interna, y se explican en el siguiente apartado.
Los eventos actualmente utilizados se dividen, conceptualmente, en dos grupos: navegación y comercio electrónico.
Eventos del gestor de etiquetas de Andronautic
| Tipo | Nombre | Descripción |
|---|---|---|
| Navegación | pageview |
Carga de la página. Activo en todas las páginas cuando se accede. |
| Comercio electrónico | view_item_list |
Visualización de un producto en la página de listado de productos. |
| Comercio electrónico | select_item |
Clic sobre un producto del listado. |
| Comercio electrónico | view_item |
Visualización de la página de ficha del producto. |
| Comercio electrónico | add_to_cart |
Producto añadido al carrito. |
| Comercio electrónico | begin_checkout |
Inicio del proceso de compra. |
| Comercio electrónico | prepurchase |
Finalización del checkout y entrada en la pasarela de pago. |
| Comercio electrónico | purchase |
Confirmación de la reserva, se haya o no pasado por una pasarela de pago. |
| Comercio electrónico | contact |
Uso de un formulario de contacto o petición de información. |
El evento pageview se ejecuta en todas las páginas, siempre en primer lugar e independientemente de que se ejecute algún otro evento.
El evento view_item_list de la página del listado de productos se ejecuta múltiples veces:
- Una primera vez con la lista de productos visibles en la pantalla durante la carga inicial de la página.
- Posteriores veces a medida que el usuario navega o se desliza por la página (scrolls) y visualiza más productos.
- En cada llamada se envían uno o más productos (para optimizar el tráfico de red), en función de la velocidad del desplazamiento y el tamaño de la pantalla.
El evento view_item se ejecuta al cargar la ficha de un producto.
El evento add_to_cart se lanza en los siguientes casos:
- En la ficha del producto, cuando se pulsa en cualquiera de los botones que inician la tramitación del pedido, pues se añade el producto a la cesta de la compra.
- Durante la tramitación (checkout), tras el evento
begin_checkout, si se añaden productos adicionales al carrito (p. ej., se selecciona un extra).
El evento begin_checkout se dispara al iniciar el proceso de reserva, al cual se puede llegar de tres formas:
- Desde la ficha del producto, al pulsar alguno de los botones que aparecen tras la selección inicial de parámetros.
- Desde el área de oportunidades del backoffice.
- Directamente, pasando al menos las fechas en la cadena de consulta (query string) de la URL.
El evento prepurchase se lanza en la página de checkout, al pulsar el botón Reservar en un formulario de reserva. Requiere haber configurado la forma de pago en el sistema, que puede ser en línea (pasarela de pago) o puede ser a posteriori (p. ej., transferencia bancaria).
El evento purchase únicamente se lanza al regresar de una pasarela de pago, habiéndose completado satisfactoriamente dicho pago.
El evento contact se lanza en la página de agradecimiento tras haber rellenado un formulario de contacto. Formularios de contacto disponibles:
- Como plug-in de CMS (sin contexto de producto), para usar en páginas de contenido.
- En la ficha de actividad y barco, con contexto del producto, con dos variaciones: a) abajo del todo (por defecto), y b) en la columna de la derecha, si no hay disponibilidad del producto al cargar la página.
- En el checkout, tanto en la pestaña Contacto como en la de Solicitud de petición (si están habilitadas), con contexto del producto, las fechas y precio.
Desde el formulario que acompaña a este evento contact, en el sistema se pueden crear dos tipos de entidades: oportunidades y reservas. Para diferenciar este comportamiento, se incluye una clave adicional dataLayer.request_type, que podrá tener dos valores:
opportunity, cuando se cree una oportunidad.booking, cuando se cree una reserva.
Atributos comunes de la capa de datos
En todos los eventos se incluyen los siguientes atributos de contexto dentro del objeto page:
| Atributo | Descripción |
|---|---|
pageTitle |
Título de la página (page title) |
pageUrl |
Ruta de la página (sin el dominio) |
pageType |
Tipo de página |
store |
Nombre del sitio web (site name) |
language |
Idioma de navegación |
Los tipos de página (atributo pageType) pueden ser los siguientes:
home: página de inicio.content: página de contenido del CMS.grid: listado de productos.product: ficha de un producto.checkout: cualquiera de las páginas del proceso de compra.account: página de creación o modificación de una cuenta de usuario.searcher: página dedicada exclusivamente a un buscador de producto.
En todos los eventos se incluyen los siguientes atributos de usuario:
| Atributo | Descripción |
|---|---|
clientID |
Id de sesión |
login |
Estado del usuario en la sesión |
email |
Email (cifrado) del usuario |
Variables de comercio electrónico
En los eventos de comercio electrónico se incluyen las siguientes variables de transacción:
| Atributo | Descripción |
|---|---|
orderID |
ID de la transacción |
revenue |
Ingresos totales |
status |
Estado del pedido (confirmado/no confirmado) |
taxes |
Impuestos de la transacción |
totalProducts |
Número total de productos incluidos en la transacción |
coupon |
Cupón de descuento a nivel de producto o transacción |
perDiscount |
Porcentaje de descuento aplicado en la transacción |
paymentMethod |
Método de pago |
locator |
Localizador de la reserva |
request_type |
Tipo de “solicitud” (booking, opportunity…) |
Y se incluyen las siguientes variables de producto:
| Atributo | Descripción |
|---|---|
name |
Nombre del producto |
id |
SKU del producto (referencia) |
price |
Precio de venta del producto |
category |
Destino del producto (hasta el máximo nivel de detalle) |
variant |
Modalidad de producto (si aplica) |
list |
Categoría web en la que se muestra el producto (se propaga desde parrilla) |
brand |
Tipo de barco seleccionado |
position |
Posición en la que se muestra el producto en parrilla |
date_start |
Fecha seleccionada para el inicio de la reserva |
date_end |
Fecha seleccionada para el fin de la reserva |
days |
Número total de días de reserva |
productType |
Tipo de producto (barco, actividad) |
subTypeBoat |
Barco con o sin licencia (yes/no) |
mainUrlPhoto |
Imagen principal del producto (url) |
promoted |
Indica si es un producto destacado en el listado (yes/no) |
quantity |
Número de pasajeros en la reserva |
currency |
Divisa |
index |
Se usa en los listados de barcos/actividades, indica la posición respecto al resto |
Este listado de eventos y sus atributos se irá extendiendo a lo largo del tiempo, según se detecten nuevas necesidades.