Shopify Takibi
İçindekiler tablosu
Kısa ve tatlı
Shopify'ı doğrudan Varify'a bağlayın ve deneylerinizi doğrudan Shopify'daki dönüşüm ve gelir verileriyle analiz edin. Ziyaretçi sayısı GA4'ten içe aktarıldığı için entegrasyon yalnızca GA4 kullanımıyla birlikte çalışır.
Shopify takip verileri nasıl kullanılır?
1. Adım: Shopify veri içe aktarımını etkinleştirme
"Takip Kurulumu "na gidin ve "Gelişmiş Kurulum" sekmesine tıklayın. Burada "Shopify Verilerini Kullan" ayarını etkinleştirin.
Adım 2: Varify izleme koduyla özel bir piksel oluşturun
Shopify mağazanızda "Ayarlar "a tıklayın ve "Müşteri etkinlikleri "ni açın. Ardından "Özel piksel ekle "ye tıklayın ve aşağıdaki kodu ekleyin:
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);
}
});
Kodu ekledikten sonra kaydet'e tıklayın. Ayrıca izinlerinizin doğru ayarlandığını kontrol edin, aksi takdirde bir kullanıcı izni eksikse komut dosyası yürütülmeyecektir. Ardından "Bağlan "a tıklayın. Entegrasyon artık başarıyla kurulmuştur.
3. Adım: Denemenize Shopify Hedefleri ekleyin
İzleme kurulumunuzun ayarlandığından ve izleme sağlayıcısı olarak GA4'ü seçtiğinizden ve "Test Değerlendirmesi" öğesinin "Varify ve GA4'te" olarak ayarlandığından emin olun. Bu durumda, başlatılan deneyin sağ üst kısmında "yeni oluşturulan" deneyler için bir "Sonuçlar Bağlantısı" görünecektir.
"Sonuçlar Bağlantısı "na tıkladığınızda denemenin ilgili sonuç raporu açılır. Artık hedef olarak "Dönüşümler" veya "Gelir" eklemek için "Shopify Hedefi Ekle "ye tıklayabilirsiniz. Hedefin ziyaretçileri GA4'ten alınır. Dönüşüm değeri ve gelir değeri doğrudan Shopify'dan gelir.
Önemli: GA4 verileri yalnızca yaklaşık 24 saat sonra güncellenir. Shopify'dan alınan veriler gerçek zamanlı olarak güncellenir.