Prompt para añadir eventos de comercio electrónico Google Analytics 4

Primero, asegúrate de tener el código básico de Google Tag Manager (GTM) y el Data Layer instalado en tu página.

Aquí hay un ejemplo genérico de cómo puedes configurar un evento de compra en la capa de datos (Data Layer) para Google Analytics 4 (GA4) usando Google Tag Manager.

Este código debería ser llamado cuando se completa una transacción. Por lo general, este código se colocaría en la página de confirmación de compra. Todos los valores que están entre llaves {} deben ser reemplazados con los valores reales de la transacción.

En el código que voy a proporcionar, encontrarás comentarios sobre cada elemento para explicar su propósito. Los parámetros que he incluido son todos obligatorios para el seguimiento de comercio electrónico GA4.

<script>
// Asegurándonos de que la capa de datos está disponible.
window.dataLayer = window.dataLayer || [];

// Evento de transacción de compra
window.dataLayer.push({
‘event’: ‘purchase’, // Nombre del evento. Este es un valor fijo.
‘ecommerce’: {
‘purchase’: {
‘action_field’: {
‘transaction_id’: ‘{Transaction ID}’, // ID de la transacción. Este es un valor variable.
‘affiliation’: ‘{Affiliation}’, // Tienda o afiliación. Este es un valor variable.
‘value’: {Total Value}, // Valor total de la transacción. Este es un valor variable.
‘tax’: {Tax Value}, // Valor del impuesto de la transacción. Este es un valor variable.
‘shipping’: {Shipping Cost}, // Costo de envío. Este es un valor variable.
‘currency’: ‘{Currency Code}’ // Código de la moneda. Este es un valor variable.
},
‘products’: [{
// Aquí comienza la lista de productos en el carrito. Estos son valores variables.
‘item_name’: ‘{Item Name}’, // Nombre del producto. Este es un valor variable.
‘item_id’: ‘{Item ID}’, // ID del producto. Este es un valor variable.
‘price’: ‘{Item Price}’, // Precio del producto. Este es un valor variable.
‘item_brand’: ‘{Brand}’, // Marca del producto. Este es un valor variable.
‘item_category’: ‘{Category}’, // Categoría del producto. Este es un valor variable.
‘quantity’: ‘{Quantity}’ // Cantidad del producto. Este es un valor variable.
}] // Fin de la lista de productos.
}
}
});
</script>

Si además le indicamos que nos describa paso a paso este prompt, nos desgranará cada una de las instrucciones:

¡Enhorabuena! Has decidido implementar Google Analytics 4 junto con Google Tag Manager para obtener un análisis más detallado del comportamiento de los usuarios en tu e-commerce. Ahora, necesitas generar el código que se incluirá en la capa de datos una vez que ocurra el evento de compra. A continuación, te presento los pasos para lograrlo:

1. Inicializar el datalayer: Antes de registrar el evento de compra, asegúrate de inicializar el datalayer. Este paso es crucial para garantizar que los datos se envíen correctamente a Google Analytics. Puedes hacerlo mediante la siguiente línea de código:

2. Incluir el evento en el datalayer: Una vez que se haya producido el evento de compra, es momento de añadirlo al datalayer. Utiliza la función push para agregar el evento con sus respectivos parámetros. A continuación, encontrarás el código que debe agregarse en la acción push:

Comentarios sobre cada item:

• transaction_id: Aquí debes proporcionar el ID de la transacción de compra. Es una variable que debe obtenerse del sistema de comercio electrónico utilizado para identificar de manera única cada transacción realizada.
• value: Este parámetro representa el valor de la compra realizada. Debes asignar el monto total de la transacción. Nuevamente, es una variable que proviene del sistema de comercio electrónico.
• currency: Indica la moneda utilizada para la transacción. Asegúrate de proporcionar el código de la moneda (por ejemplo, USD, EUR, etc.), y este también es un valor variable.

Recuerda que estos son los parámetros obligatorios para rastrear eventos de compra en Google Analytics 4. Sin embargo, si deseas agregar más detalles a tu evento de compra, puedes explorar la documentación de referencia proporcionada por Google.