¿Cómo crear eventos (de comercio electrónico) en Google Tag Manager?

Si tienes una tienda online, el seguimiento del rendimiento de tu tienda online es esencial para optimizar tu estrategia de ventas. Con Google Tag Manager, puedes crear eventos de comercio electrónico GA4 para realizar un seguimiento de, por ejemplo, la finalización de una compra, la adición de un producto al carrito o el inicio de un proceso de pago. Medir eventos no sólo es interesante para las tiendas web, sino también para los sitios web de empresas. Por ejemplo: medir los formularios de solicitud cumplimentados, o las solicitudes de demostración.

En este blog, te explicamos paso a paso cómo crear eventos en el contenedor web de Google Tag Manager, para que puedas conocer mejor el rendimiento de tu tienda/sitio web y mejorar tu estrategia de marketing para conseguir más ventas y crecimiento.

Consulta toda la configuración de GA4 Server Side Tracking para obtener más información.

Nota: Este blog no trata sobre server side tagging de eventos. En este blog, los eventos se crean en el lado del cliente. En las próximas partes de la serie de implementación de GA4, empezaremos a realizar el seguimiento de eventos del lado del servidor.

Suponemos que ya has creado una cuenta de Google Tag Manager. Si buscas una descripción sobre cómo crear una cuenta de Google Tag Manager, consulta este artículo.

En este blog, mostramos ejemplos para crear eventos. ¿Quieres ver plantillas GTM predefinidas en las que todos los eventos ya están configurados para ti? Template Gallery Entonces echa un vistazo a nuestro TAGGRS.

¿Qué acontecimientos puedes medir?

Actualmente hay 14 eventos (acontecimientos) de comercio electrónico que puedes medir. A continuación encontrarás una tabla con los eventos y su descripción.

Acción GA4	Descripción
ver_lista_artículos	Alguien ve una descripción general del producto.
seleccionar_elemento	Alguien selecciona un producto dentro de la vista general.
ver_artículo	Alguien visita la página de un producto.
añadir al carrito	Alguien añade un producto al carrito.
eliminar_del_carrito	Alguien retira un producto del carrito.
ver_carro	Alguien mira el carro de la compra.
add_to_wishlist	Alguien añade un producto a una lista de deseos.
iniciar_compra	Alguien empieza a pasar por caja.
añadir_información_envío	Alguien elige una opción de envío.
add_payment_info	Alguien elige una opción de pago.
compra	Alguien hizo un pedido.
reembolso	Alguien canceló (parte de) un pedido.
ver_promoción	Alguien miró una promoción.
seleccionar_promoción	Alguien seleccionó un ascenso.

También hay muchas oportunidades de seguir otros acontecimientos:

Acción GA4	Descripción
solicitud	Alguien rellena un formulario de solicitud.
llamar_a_clics	Alguien hace clic en un número de teléfono de tu sitio web.
llamar_al_correo	Alguien hace clic en una dirección de correo electrónico de tu sitio web.
formulario	Alguien rellena un formulario en tu sitio web.
solicitud_demostrativa	Alguien solicita una cita para una demostración en tu sitio web.

Para los eventos de comercio electrónico, necesitas una capa de datos GA4. Puedes instalarlo manualmente utilizando la documentación oficial de GA4, o puedes utilizar un plugin o extensión. Por ejemplo

• Woocommerce/Wordpress: Plugin TAGGRS (nota: no está en la tienda de plugins de wordpress)
• Lightspeed / Magento: Aplicación TAGGRS Lightspeed
• Magento 2: Extensión Anowave
• Shopify: Analizar
• Shopware: Google Analytics 4 para shopware 6
• Personalizado: crea tu propia capa de datos GA4

Para los eventos comerciales, no necesitas una capa de datos especial; al hacerlo, puedes utilizar los datos que están disponibles automáticamente en Google Tag Manager. En el resto de este blog, trataremos específicamente de la medición de eventos de comercio electrónico. ¿Quieres saber más sobre la creación de eventos personalizados para el sitio web de tu empresa? Entonces mira este vídeo. Una vez que hayas configurado los eventos, continúa con este blog.

Crear eventos de comercio electrónico en Google Tag Manager

Una vez que hayas determinado qué eventos quieres medir, es hora de crear los eventos de comercio electrónico en Google Tag Manager.

Paso 1: Crear activador

Ve al espacio de trabajo en GTM y abre la pestaña "Activadores" y haz clic en "Nuevo".

Paso 2: Elige el tipo de activador

Haz clic en el lápiz en "Configuraciones de activación " y elige "Evento personalizado" como tipo de activación (en Otros).

Paso 3: Añadir evento

En 'Nombre del evento', introduce el nombre del evento que quieres medir (exactamente como se nombra en la capa de datos, utiliza el modo depuración para averiguarlo). A continuación, selecciona 'Algunos eventos personalizados'. Introduce aquí: Evento - Igual -. Haz clic en 'Guardar'.

Ya has creado un evento de comercio electrónico en Google Tag Manager, ¡buen trabajo!

Paso 4: Crear variables adicionales (opcional)

También puedes enviar datos adicionales a GA4, además de los eventos. Cuando has configurado correctamente la capa de datos, ésta envía todo tipo de datos adicionales sobre los productos a GTM. Puedes utilizarlos para obtener más información. Las siguientes variables pueden enviarse junto con la capa de datos:

Variable de la capa de datos	Descripción
moneda	Moneda del precio.
valor	El valor asociado al evento.
artículos	Productos relacionados con el evento.
transacción_id	ID único para la transacción. Necesario para los eventos de compra y reembolso.
cupón	Vale de descuento vinculado al evento.
afiliación	La tienda o filial donde se realizó la compra.
tipo_pago	El método de pago enviado con add_payment_info
envío	Gastos de envío incluidos en la facturación total de la compra.
nivel_de_envío	La categoría de envío utilizada con add_shipping_info.
fiscal	Cuántos impuestos se incluyen en la facturación total de la compra.

Esta lista no lo abarca todo, pero para que quede claro, nos limitamos a ésta.

¡Toma nota! Estas variables se basan en un DataLayer GA4 estándar. En el modo de vista previa de Google Tag Manager, comprueba cómo está construido tu DataLayer. En el siguiente vídeo te mostramos cómo hacerlo.

Para enviar estos parámetros junto con los eventos que hemos creado en los pasos 2 y 3, primero vamos a variables en GTM:

Haz clic aquí en 'Nuevo'. Selecciona 'Variable para capa de datos'. Aquí puedes extraer los valores de las variables de la capa de datos para utilizarlos en tu seguimiento. Nombra las variables en el campo 'Nombre de la variable para la capa de datos'.

Nombrar variables funciona de la siguiente manera: nombras el parámetro que quieres rastrear nombrando la ruta en el código de la capa de datos de izquierda a derecha, separadas por un punto. ¿Qué queremos decir con esto? Supongamos que queremos medir el parámetro "valor" en esta capa de datos:

Entonces lo llamamos ecommerce.value, porque el parámetro situado más a la izquierda es e-commerce y en la línea siguiente es value.

Comprobando cómo entra la Capa de Datos en modo ejemplo, puedes descubrir para cada parámetro cómo nombrarlo como variable en GTM. En el siguiente ejemplo, puedes ver que el precio de un producto aparece como ecommerce. price. Por lo tanto, también debemos nombrarlo como variable ecommerce.price.

Crear eventos B2B en Google Tag Manager

Para hacer un seguimiento de los eventos B2B con Google Tag Manager, empieza por utilizar las variables incorporadas que GTM ya proporciona. Estas variables capturan automáticamente acciones como rellenar los campos de un formulario o hacer clic en un número de teléfono. La ventaja de esto es que a menudo no necesitas añadir una capa de datos adicional para realizar el seguimiento de estos eventos, lo que agiliza el proceso.

En primer lugar, ve a la sección Variables de GTM, donde encontrarás la opción Variables incorporadas. Aquí, haz clic en Configurar para seleccionar las variables que necesitas para el seguimiento de tus eventos. Éstas pueden ir desde hacer clic en un número de teléfono hasta rellenar un formulario de contacto.

A continuación, establece desencadenantes para los eventos B2B que quieras medir. Para ello, ve a Activadores y crea un nuevo activador. Dale al activador un nombre claro, como Formulario de contacto de evento GA4, y elige Envío de formulario como tipo de activador. Aquí, selecciona Todos los formularios para asegurarte de que el activador se activa para cada formulario completado en tu sitio.

Después de configurar tus activadores, el siguiente paso es crear las etiquetas asociadas a estos activadores. Ve a Etiquetas y crea una nueva etiqueta. Elige el tipo de Google Analytics: Evento GA4. Aquí introduces tu ID de Medida y das un nombre al evento, como formulario de contacto. A continuación, vincula esta etiqueta al activador que creaste anteriormente.

¿Y ahora qué?

Ahora has creado eventos y variables para que puedas utilizar los datos del comercio electrónico para realizar mediciones en GA4 o en otras plataformas. El siguiente paso de la serie de implementación de GA4 te enseñará cómo enviar estos eventos y variables a GA4 creando una etiqueta Evento GA4.

Preguntas frecuentes Crear eventos