¿Cómo crear (E-commerce) Events en Google Tag manager?

Si tiene una tienda en línea, el seguimiento de su rendimiento es esencial para optimizar su estrategia de ventas. Con Google Tag Manager, puede crear events e-commerce 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. La medición de events es interesante no sólo para las tiendas en línea, sino también para los sitios web de empresas. Por ejemplo: medición de formularios de solicitud cumplimentados o solicitudes de demostración.

En este blog, explicamos paso a paso cómo entrar en la web container en 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.

Consulte toda la configuración de GA4 Server side tracking para obtener más información.

Nota: Este blog no trata sobre tagging event side server. Los events se client side en este blog. En las próximas partes de la serie de implementación de GA4, comenzaremos a rastrear events side server.

Suponemos que ya ha creado una cuenta de Google Tag manager. Si busca una descripción sobre cómo crear una cuenta de Google Tag Manager, consulte este artículo.

En este blog mostramos ejemplos para crear Events. ¿Quieres ver Templates GTM predefinidas donde todos los Events ya están listos para ti? Eche un vistazo a nuestra Template Gallery de TAGGRS.

¿Qué events puede medir?

Actualmente hay 14 eventos e-commerceevents) que se pueden medir. A continuación encontrará una tabla con los eventos y su descripción.

Acción GA4	Descripción
view_item_list	Alguien ve una descripción general del producto.
select_item	Alguien selecciona un producto dentro del resumen.
view_item	Alguien visita la página de un producto.
add_to_cart	Alguien añade un producto al carrito.
remove_from_cart	Alguien retira un producto del carrito.
view_cart	Alguien mira el carro de la compra.
add_to_wishlist	Alguien añade un producto a una lista de deseos.
begin_checkout	Alguien empieza a pasar por caja.
add_shipping_info	Alguien elige una opción de envío.
add_payment_info	Alguien elige una opción de pago.
purchase	Alguien hizo un pedido.
refund	Alguien canceló (parte de) un pedido.
view_promotion	Alguien miró una promoción.
select_promotion	Alguien seleccionó un ascenso.

También hay muchas oportunidades de seguir otros events:

Acción GA4	Descripción
application	Alguien rellena un formulario de solicitud.
call_to_clicks	Alguien hace clic en un número de teléfono de su sitio web.
call_to_mail	Alguien hace clic en una dirección de correo electrónico de su sitio web.
form	Alguien rellena un formulario en su sitio web.
demo_request	Alguien solicita una cita para una demostración en su sitio web.

Para los events de e-commerce, necesita una capa de datos GA4. Puede instalarlos manualmente utilizando la documentación oficial de GA4, o puede utilizar un plugin o extensión. Por ejemplo:

• Woocommerce/Wordpress: TAGGRS plugin (¡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: cree su propia capa de datos GA4

Para los eventos, no se necesita una datalayer especial, utilizando los datos que están disponibles automáticamente en Google Tag manager. En el resto de este blog, nos ocuparemos específicamente de la medición de los events e-commerce. ¿Quieres saber más acerca de la creación de events personalizados para su sitio web de negocios. Entonces vea este vídeo. Una vez que haya configurado los events, continúe con este blog.

Creación de events de E-commerce en Google Tag Manager

Una vez que haya determinado qué events desea medir, es hora de crear los events e-commerce en Google Tag Manager.

Paso 1: Crear activador

Vaya al área de trabajo de GTM, abra la pestaña "Disparadores" y haga clic en "New".

Paso 2: Elegir el tipo de activador

Haga clic en el lápiz en 'Trigger Configurations' y elija 'Custom event' como Trigger Type (en other).

Paso 3: Añadir evento

En "Name of event ", introduzca el nombre del event que desea medir (exactamente como se nombra en la capa de datos, utilice el modo de depuración para averiguarlo). A continuación, seleccione "Some Custom Events". Entre aquí: Event - Equals - [name of trigger]. Haga clic en "Save".

Ya ha creado un event de e-commerce en Google Tag Manager, ¡buen trabajo!

Stape 4: Creación de Variables adicionales (opcional)

Puede enviar datos adicionales a GA4 además de los events. Cuando se ha configurado correctamente la capa de datos, ésta envía todo tipo de datos adicionales sobre los productos a GTM. Puede utilizarlos para obtener más información. Las siguientes variabele pueden enviarse junto con la capa de datos:

Variable de capa de datos	Descripción
currency	Moneda del precio.
value	El valor asociado al event.
items	Productos vinculados al event.
transaction_id	ID único de la transacción. Obligatorio para los actos de compra y reembolso.
coupon	Vale de descuento vinculado al event.
affiliation	La tienda o filial donde se realizó la compra.
payment_type	El método de pago enviado con add_payment_info
shipping	Gastos de envío incluidos en la facturación total de la compra.
shipping_tier	La categoría de envío utilizada con add_shipping_info.
tax	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.

¡Atención! Estas Variables se basan en un datalayer GA4 estándar. En el modo de vista previa de Google Tag Manager, vea cómo se construye su datalayer. En el siguiente vídeo le mostramos cómo hacerlo.

Para enviar estos parámetros junto con los events que creamos en los pasos 2 y 3, primero vamos a variabele en GTM:

Haga clic aquí en "New. Seleccione "Data Layer Variable". Aquí puede extraer los valores de las variabele de la capa de datos para utilizarlos en su seguimiento. Nombra las variabele en el campo "Data Layer Variable Name".

Nombrar variabele funciona de la siguiente manera: nombra el parámetro que quieres rastrear nombrando la ruta en el code de la capa de datos de izquierda a derecha, separados por un punto. ¿Qué queremos decir con eso? Supongamos que queremos medir el parámetro 'value ' en este datalayer:

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

Comprobando cómo se presenta el Data Layer en modo de ejemplo, puede descubrir para cada parámetro cómo nombrarlo como variable en GTM. En el ejemplo siguiente, se puede ver que el precio de un producto como E-commerce viene como precio. Por lo tanto, también debemos llamarlo como Variable ecommerce.price.

Creación de Eventos B2B en Google Tag Manager

Para realizar un seguimiento de los Eventos B2B con Google Tag Manager, comience por utilizar las Variables integradas que ya proporciona GTM. 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 es que a menudo no es necesario añadir una datalayer adicional para seguir estos Events, lo que agiliza el proceso.

En primer lugar, vaya a la sección Variables de GTM, donde encontrará la opción Variables incorporadas. Aquí, haga clic en Configurar para seleccionar las Variables que necesita para el seguimiento de sus Eventos. Esto puede ir desde hacer clic en un número de teléfono hasta rellenar un formulario de contacto.

A continuación, establezca Triggers para los Eventos B2B que desee medir. Para ello, vaya a Triggers y cree un nuevo trigger. Dé al Triggers un nombre claro, como GA4 Event contact form, y elija Form submission como Trigger Type. Aquí debe seleccionar Todos los formularios para asegurarse de que el Triggers se activa para cada formulario completado en su sitio.

Después de configurar los Triggers, el siguiente Stape es crear los Tags asociados a estos Triggers. Ve a Tags y crea una nueva etiqueta. Elija el tipo de Event Type de Google Analytics: GA4. Aquí se introduce el Event ID y se da un Event name, por ejemplo formulario de contacto. A continuación, vincule esta Tags al Triggers que creó anteriormente.

¿Y ahora qué?

Ahora ha creado events y variabele para que pueda utilizar datos de e-commerce para mediciones en GA4 u otras plataformas. El siguiente Stape en la serie de implementación de GA4 le enseñará cómo enviar estos Eventos y Variables a GA4 creando un GA4 Event Tags.

Preguntas frecuentes Creación de Events