Cómo lograr un seguimiento 100 % preciso en Shopify con sGTM y Data Store
Escrito por
Vlad Kononov
Este artículo explica cómo lograr un seguimiento 100 % preciso en Shopify utilizando Stape y GTM del servidor. Aprenda a evitar la pérdida de datos, mejorar la atribución y optimizar el rendimiento de su marketing con una solución de seguimiento fiable y eficaz. Un análisis preciso de Shopify es fundamental para alcanzar sus objetivos empresariales.
Necesita datos fiables para decidir cómo distribuir los presupuestos, conocer el rendimiento de sus campañas y recuperar la inversión. Saber qué KPIs de eCommerce debe medir le ayuda a interpretar esos datos y actuar sobre ellos de forma eficaz. Perder el seguimiento de las conversiones puede ofrecer una visión incompleta y llevar a tomar decisiones equivocadas. Por suerte, Stape puede ayudarle y, en este artículo, explicaremos cómo es posible realizar un seguimiento del 100 % de sus compras en Shopify en cualquier situación y enviar todos los datos necesarios a las plataformas de analítica y/o marketing para obtener mejores insights, informes de atribución precisos y entrenar sus píxeles de forma más eficaz.
Aunque Shopify ha lanzado una API de Web Pixels que permite suscribirse a distintos eventos y realizar un seguimiento más preciso, es posible que haya notado que todavía falta un porcentaje de pedidos que no se han enviado a sus plataformas de publicidad o analítica. Esto puede ocurrir por varias razones: bloqueadores de anuncios, restricciones de ITP, una conexión a Internet lenta, un fallo en el dispositivo del usuario o incluso una simple coincidencia desafortunada. Cualquiera de estas situaciones puede hacer que pierda el seguimiento de sus conversiones.
Pero no se preocupe, Stape puede ayudarle. Con el seguimiento del lado del servidor para Shopify, puede evitar estos problemas habituales.
La función Data Store está disponible en los planes de suscripción Pro y superiores. Si necesita una solución personalizada, puede ponerse en contacto con nuestro departamento de ventas.
Omita la configuración manual de eventos
Stape Conversion Tracking para Shopify con Setup Wizard instala GTM del lado del servidor en minutos, genera automáticamente eventos clave de eCommerce y carga etiquetas listas para usar para Google, Meta, TikTok y otras plataformas. Los eventos pasan por la plataforma de seguimiento del lado del servidor de Stape, lo que le ayuda a captar hasta un 40 % más de conversiones y mejorar el ROAS.
Configuración paso a paso
En resumen, el flujo de implementación es el siguiente:
- 1.Configure el seguimiento de eventos como de costumbre utilizando contenedores GTM web y de servidor.
- 2.Guarde las cookies de marketing y/o analítica en Data Store y téngalas disponibles como respaldo si el evento de compra no se ha enviado desde el contenedor web.
- 3.Cada evento de compra enviado desde la web se almacena en Data Store. Así, podremos comprobar qué transacciones se han enviado.
- 4.Configure un webhook mediante la Stape Conversion Tracking app, disponible en el marketplace de Shopify, o utilice los webhooks nativos de Shopify que enviarán todos los pedidos creados a sGTM.
- 5.Una vez que el webhook se recibe en sGTM, comprobamos si ese pedido ya se ha escrito en Data Store; esto significaría que la transacción se ha enviado en tiempo real desde el contenedor web. Si no podemos encontrar el pedido en Data Store, significa que por algún motivo no se ha enviado, por lo que debemos procesar el webhook, recuperar las cookies necesarias de Data Store y enviarlas a las plataformas de marketing y/o analítica que necesite mediante Conversions API.
Antes de empezar
Antes de comenzar a implementar las instrucciones siguientes, debe activar Data Store:
1. Inicie sesión en su cuenta de Stape y seleccione su contenedor sGTM en el panel de control.
2. Haga clic en la pestaña Data Store.
3. Haga clic en Activate Data Store.
Paso 1. Implemente la configuración básica de seguimiento con Stape Conversion Tracking app
La Stape Conversion Tracking app para Shopify le permite instalar Custom GTM y GA4 Loader fácilmente y aumentar la resistencia frente a los bloqueadores de anuncios. Después de instalar GTM en Shopify, esta capa fundamental gestiona la recopilación de datos del lado del cliente necesaria para su contenedor de servidor. Combinada con el power-up Cookie Keeper, también le permitirá evitar las restricciones de ITP.
Tenemos excelentes artículos y plantillas de contenedores listas para usar que explican cómo implementar este paso; consúltelos:
Depuración del seguimiento de Shopify con GTM web y de servidor: guía completa: una vez que su configuración básica esté activa, no se salte la verificación. El checkout aislado de Shopify hace que las etiquetas parezcan funcionar en la vista previa de GTM, mientras que pueden fallar silenciosamente en producción.
Paso 2. Almacene las cookies necesarias en Data Store. Haga clic en Activate Data Store.
Ahora debemos almacenar en Data Store las cookies que podríamos necesitar en el futuro.
En nuestro ejemplo, almacenaremos las cookies de Meta en el evento “checkout_started” y las enviaremos desde el Web Pixel de Shopify a sGTM. En este momento, el token de checkout estará disponible y podremos utilizarlo como parámetro de vinculación para relacionar posteriormente el webhook con el checkout y las cookies.
Puede aplicar un proceso similar a cualquier otra plataforma a la que quiera enviar datos.
El siguiente fragmento de código enviará una carga útil con el token de checkout y las cookies de Meta a la URL del contenedor de servidor. Data Client recibirá esta solicitud; de forma predeterminada, acepta solicitudes en la ruta /data.
analytics.subscribe("checkout_started", (event) => {
setTimeout(() => {
async function getCookiesPayload() {
try {
const payload = {
"event": "store_cookies",
"cart_token": init.data.cart.id,
"fbp": await browser.cookie.get('_fbp'),
"fbc": await browser.cookie.get('_fbc')
};
return payload;
} catch (error) {
console.error('Error retrieving cookies:', error);
return null;
}
}
async function sendCookiesToSgtm() {
const payload = await getCookiesPayload();
if (payload) {
fetch("https://sst.example.com/data", {
method: "POST",
headers: {
"Content-Type": "application/json"
},
body: JSON.stringify(payload),
keepalive: true
}).then(response => {
console.log('Payload sent successfully:', response);
}).catch(error => {
console.error('Error sending payload:', error);
});
}
}
sendCookiesToSgtm();
}, 1500);
});Ahora debemos almacenar estas cookies en Stape Store utilizando la Stape Store Writer tag, disponible en la galería de GTM del servidor, para poder recuperarlas posteriormente y enviarlas a Meta desde el webhook. Estas cookies se asociarán al token del carrito, que está disponible en el evento ‘store_cookies’, y que también estará disponible en la carga útil del webhook nativo enviado desde Shopify.
Este es un ejemplo de cómo se puede configurar la Stape Store Writer tag:
Si corresponde, tenga también en cuenta las normativas de privacidad y el estado del consentimiento para publicidad y/o analítica de la tienda, de modo que posteriormente pueda saber si este usuario ha dado su consentimiento y si está permitido enviar dicha conversión. Como alternativa, si su banner de consentimiento es compatible con la Shopify Privacy API, puede configurar su Web Pixel para que se active solo cuando se haya concedido el estado de consentimiento necesario.
Paso 3. Almacene cada compra enviada desde el contenedor web en Data Store
Debemos almacenar en Data Store cada compra enviada de la forma «habitual» desde el contenedor web, para poder saber posteriormente si esta conversión ya se ha enviado a Meta.
Aplique un enfoque similar al utilizado en el paso anterior, pero esta vez utilice transaction_id como clave del documento, que también estará disponible en la carga útil del webhook de Shopify.
Este es un ejemplo de una Stape Store Writer tag que se puede configurar para este fin:
Es mejor convertir el tipo de variable «number» de transaction_id en una cadena de texto para evitar conflictos entre los tipos de datos utilizados en sGTM, Shopify y Data Store. En la galería de sGTM hay una variable que permite hacerlo fácilmente.
Paso 4. Configure un webhook en Shopify
Puede configurar un webhook en Shopify de muchas formas. Una de las más sencillas sería utilizar la Stape Conversion Tracking app, que contiene toda la carga útil necesaria: token del carrito, información de pedidos y productos correctamente estructurada y datos de usuario. También puede utilizar la funcionalidad nativa de webhooks o cualquier otra aplicación que elija.
También recomendamos utilizar el Request Delay Power Up de Stape para asegurarse de que la solicitud enviada desde el contenedor web llegue al contenedor de servidor antes que el webhook del backend. Esto nos permitirá controlar explícitamente la secuencia de las solicitudes, algo fundamental en nuestro caso. Un retraso de 1 minuto debería ser suficiente para que la solicitud de compra llegue al contenedor de servidor y permita que todas las etiquetas necesarias se activen y procesen las solicitudes requeridas.
Paso 5. Compruebe si el pedido enviado mediante el webhook ya se ha procesado
En este paso, ya tenemos lo siguiente:
- 1.Todas las cookies de marketing y/o analítica necesarias están almacenadas en Data Store como un documento cart_token.
- 2.Cada compra enviada desde el contenedor web está almacenada en Data Store como un documento transaction_id.
- 3.Cada vez que se crea un pedido en Shopify, se enviará un webhook al contenedor de servidor con un pequeño retraso.
Ahora debemos comprobar si los webhooks entrantes deben procesarse y enviarse a Meta o ignorarse, ya que el pedido ya se ha procesado.
Por lo tanto, tomamos transaction_id del webhook entrante y comprobamos si está disponible en Data Store mediante la Stape Store Lookup variable.
Como resultado, nuestra variable devolverá «true» si este transaction_id se encuentra en Data Store. Esto significa que debemos ignorar este webhook, ya que esta transacción ya se ha enviado desde el contenedor web.
Si nuestra variable devuelve undefined o false, significa que esta transacción no se ha enviado desde el contenedor web por algún motivo y debemos procesar este webhook.
Configure una etiqueta adicional de Facebook para Shopify CAPI y complétela con información básica del webhook, como value, currency, content_ids, datos de usuario, etc.
Para obtener la atribución más precisa, también debe enviar las cookies _fbp y _fbc desde Data Store. Puede recuperarlas utilizando la Stape Store Lookup variable referenciada mediante el token del carrito disponible en su webhook. Este es un ejemplo:
La Stape Store Lookup variable para _fbp debe sobrescribir el parámetro Browser ID en la etiqueta de Facebook, y la Stape Store Lookup para _fbc debe sobrescribir el parámetro Click ID.
Esta etiqueta de Facebook debe activarse cuando la comprobación de nuestra Stape Store Lookup variable para transaction_id devuelva un valor distinto de true.
Si corresponde, realice una comprobación adicional del estado del consentimiento utilizando un enfoque similar.
Conclusión
Este enfoque le permite lograr una precisión del 100 % en el seguimiento de conversiones de Shopify, por lo que nunca perderá una conversión que pueda atribuirse correctamente. Puede ampliarse a cualquier plataforma de marketing/analítica que necesite; solo asegúrese de almacenar todas las cookies necesarias en el paso 2. Después, en el paso 5, puede crear una etiqueta adicional para TikTok, Snapchat, GA4, Google Ads, etc. Solo tiene que sobrescribir los parámetros necesarios con los valores de cookies obtenidos de Data Store.
Para plataformas más complejas como Google Ads, Stape ya ofrece excelentes soluciones con un sencillo proceso de autenticación, incluidas la Google Ads Offline Conversion tracking tag y la Conversion Adjustment tag, si necesita este tipo de configuración específica.
No dude en ponerse en contacto con nosotros si tiene alguna pregunta.
¿Quiere empezar con el seguimiento del lado del servidor?
Pruébelo gratis
Comentarios