Hacer seguimiento de los clics en "Agregar al Carrito" en Shopify con Google Tag Manager y GA4

¿Quieres rastrear cada vez que alguien agrega un producto de tu tienda Shopify al carro de compra?

En este articulo te mostraré cómo rastrear los clics de 'Agregar al carrito' en tu tienda Shopify en Google Analytics.

Para ello, vamos a utilizar Google Analytics 4 (GA4) y Google Tag Manager.

Hay un par de cosas que necesito señalar antes de comenzar.

• Primero, al momento de filmar este video todavía estamos esperando que Shopify brinde soporte integrado para GA4, que es la última versión de Google Analytics. Entonces, la principal limitación en este momento es que no puedes realizar un seguimiento de los pasos de pago a menos que estés usando Shopify Plus. Supongo que Shopify comenzará a ser compatible con GA4 pronto, pero hasta entonces, buscaremos la mejor opción posible para recopilar esta información.
• También voy a cubrir la última versión de la capa de datos para Google Tag Manager. Esto significa que el código que usaremos en este video solo funcionará con GA4. No funcionará con Universal Analytics, que es la versión anterior de Google Analytics.

Codigo de seguimiento de "Agregar al Carrito"

onclick="dataLayer.push({ 'ecommerce': null });dataLayer.push({
'event': 'add_to_cart',
'ecommerce': {
'currency': '{{ shop.currency }}',
'value': '{{ product.price | times: 0.01}}',
'items': [{
'item_id': '{{ product.id }}',
'item_name': '{{ product.title | remove: "'" | remove: '"' }}',
'item_brand': '{{ product.vendor | remove: "'" | remove: '"' }}',
'item_category': '{{ product.collections[0].title | remove: "'" | remove: '"' }}',
'item_variant': '{{ product.selected_or_first_available_variant | remove: "'" | remove: '"' }}',
'price': '{{ product.price | times: 0.01}}'
}]
}
});"