Tracciamento di Shopify
Indice dei contenuti
Breve e dolce
Collegate Shopify direttamente con Varify e analizzate i vostri esperimenti direttamente con i dati di conversione e di fatturato di Shopify. L'integrazione funziona solo con l'utilizzo di GA4, poiché il numero di visitatori viene importato da GA4.
Come utilizzare i dati di tracciamento di Shopify
Passo 1: Attivare l'importazione dei dati di Shopify
Andare su "Tracking Setup" e fare clic sulla scheda "Advanced Setup". Attivare l'impostazione "Usa dati Shopify".
Passo 2: Creare un pixel personalizzato con il codice di tracciamento Varify
Cliccate su "Impostazioni" nel vostro negozio Shopify e aprite "Eventi cliente". Cliccate quindi su "Aggiungi pixel personalizzato" e inserite il seguente codice:
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);
}
});
Dopo aver aggiunto il codice, fare clic su Salva. Controllate anche che le autorizzazioni siano impostate correttamente, altrimenti lo script non verrà eseguito se manca un'autorizzazione dell'utente. Fare quindi clic su "Connetti". L'integrazione è ora installata con successo.
Passo 3: Aggiungere gli obiettivi di Shopify all'esperimento
Assicurarsi che la configurazione del tracciamento sia impostata e che sia stato selezionato GA4 come fornitore di tracciamento e che la voce "Valutazione del test" sia impostata su "In Varify e GA4". In questo caso, per gli esperimenti "appena creati" apparirà un "link ai risultati" in alto a destra dell'esperimento avviato.
Facendo clic sul "Link ai risultati" si apre il rapporto sui risultati dell'esperimento. Ora è possibile fare clic su "Aggiungi obiettivo Shopify" per aggiungere "Conversioni" o "Ricavi" come obiettivo. I visitatori dell'obiettivo sono presi da GA4. Il valore di conversione e il valore delle entrate provengono direttamente da Shopify.
Importante: i dati di GA4 vengono aggiornati solo dopo circa 24 ore. I dati di Shopify sono aggiornati in tempo reale.