Seguimiento Shopify
Índice
Corto y dulce
Conecta Shopify directamente con Varify y analiza tus experimentos directamente con los datos de conversión e ingresos de Shopify. La integración solo funciona junto con el uso de GA4, ya que el número de visitantes se importa desde GA4.
Cómo utilizar los datos de seguimiento de Shopify
Paso 1: Activar la importación de datos de Shopify
Vaya a "Configuración de seguimiento" y haga clic en la pestaña "Configuración avanzada". Activa aquí el ajuste "Usar datos de Shopify".
Paso 2: Crear un píxel personalizado con el código de seguimiento de Varify
Haz clic en "Configuración" en tu tienda Shopify y abre "Eventos de clientes". A continuación, haz clic en "Añadir píxel personalizado" e inserta el siguiente código:
analytics.subscribe('varify', async (event) => {
const {varify_experimentId, varify_variationId, teamId, storageType, timestamp} = event.customData;
const validVariationId = varify_variationId !== undefined ? varify_variationId : null;
const existingDataRaw = await browser.localStorage.getItem('varify-data');
const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
if (!existingData.data) {
existingData.data = [];
}
const experimentEntry = {
[varify_experimentId]: validVariationId,
timestamp: timestamp || new Date().toISOString()
};
existingData.data = existingData.data.filter(
entry => !entry.hasOwnProperty(varify_experimentId)
);
existingData.data.push(experimentEntry);
existingData.teamId = teamId;
existingData.storageType = storageType;
existingData.data = existingData.data.filter(
entry => Object.keys(entry).length > 0
);
await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
});
analytics.subscribe('checkout_started', async (event) => {
const existingDataRaw = await browser.localStorage.getItem('varify-data');
const existingData = existingDataRaw ? JSON.parse(existingDataRaw) : {};
if (!existingData.data || existingData.data.length === 0) {
return;
}
const thresholdDate = new Date();
thresholdDate.setDate(thresholdDate.getDate() - 28);
existingData.data = existingData.data.filter(entry => {
if (!entry.timestamp) {
return true;
}
const entryDate = new Date(entry.timestamp);
return entryDate >= thresholdDate;
});
await browser.localStorage.setItem('varify-data', JSON.stringify(existingData));
});
analytics.subscribe('checkout_completed', async (event) => {
const {data: {checkout: {order: {id: orderId} = {}, subtotalPrice: {amount: orderRevenue} = {}} = {}}} = event;
const localVariationData = await browser.localStorage.getItem('varify-data');
const parsedData = JSON.parse(localVariationData);
const storedAccountId = parsedData.teamId;
const storageType = parsedData.storageType;
const experiments = parsedData.data.map(entry => {
return Object.entries(entry)[0]
});
try {
await fetch('https://ecommerce.varify.io/store_data', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
},
body: JSON.stringify({
experiments,
orderId,
orderRevenue,
accountId: storedAccountId,
storageType: storageType,
}),
});
} catch (error) {
console.error('Error sending data', error);
}
});
Después de añadir el código, haga clic en Guardar. Comprueba también que tus permisos están configurados correctamente, de lo contrario el script no se ejecutará si falta algún permiso de usuario. A continuación, haga clic en "Conectar". La integración se ha instalado correctamente.
Paso 3: Añade objetivos de Shopify a tu experimento
Asegúrese de que su configuración de seguimiento está configurada y que ha seleccionado GA4 como proveedor de seguimiento y que el elemento "Evaluación de la prueba" está configurado como "En Varify y GA4". Si es así, aparecerá un "Enlace de resultados" para los experimentos "recién creados" en la parte superior derecha del experimento iniciado.
Al hacer clic en el "Enlace de Resultados" se abre el correspondiente informe de resultados del experimento. Ahora puede hacer clic en "Añadir objetivo de Shopify" para añadir "Conversiones" o "Ingresos" como objetivo. Los visitantes del objetivo se toman de GA4. El valor de conversión y el valor de ingresos vienen directamente de Shopify.
Importante: Los datos de GA4 sólo se actualizan después de aprox. 24 horas. Los datos de Shopify se actualizan en tiempo real.