Çok sayfalı deney oluşturma
İçindekiler tablosu
Kısa ve tatlı
Bir deney içinde sayfalar arasında eşzamanlı değişiklikler yapmak istiyorsanız, çok sayfalı bir deneye ihtiyacınız vardır. Varify.io'da böyle bir deney oluşturmanın iki yolu vardır:
- Basit yöntemBirkaç ayrı deney oluşturun ve bunları birbirine bağlayın.
- Gelişmiş yöntemTek bir deney kullanın ve JavaScript kullanarak varyantları kontrol edin. Ancak, bu JavaScript hakkında sağlam bir bilgi gerektirir.
Her iki yaklaşım da teknik uzmanlığınıza ve gereksinimlerinize bağlı olarak etkili çok sayfalı deneyler gerçekleştirmenize olanak tanır.
1. seçenek: Birkaç deney oluşturun (yeni başlayanlar + ileri düzey)
Çok sayfalı bir deney oluşturmanın en kolay yolu, birkaç deney oluşturmak ve ardından bunları birbirine bağlamaktır. İstediğiniz değişiklikleri her sayfa için ayrı bir deneyde saklayabilirsiniz. Tüm deneyler oluşturulur oluşturulmaz, Audience Targeting'e bir JavaScript eklenerek bağlantı kurulur. Bu şekilde, deneyler verimli bir şekilde senkronize edilir ve tüm sayfalarda test edilebilir.
Çok sayfalı bir deneyin uygulanması nasıl optimize edilir?
1. her sayfa için bir deney oluşturun
Değişiklik yapılacak her web sitesi için ayrı bir deneme oluşturun.
2. Birincil deneyi tanımlayın
Hangi deneyin birincil deney olduğunu belirleyin. Birincil deneyde ziyaretçiler test katılımcıları haline gelir. Birincil deney, test katılımcılarının ilk gördüğü sayfadaki deneydir.
3. Kitle hedefleme için kod ekleyin
Çok sayfalı deneyin parçası olan tüm deneyleri ekleyin, ancak birincil deney değil İzleyici üyesi değilseniz, izleyici hedeflemesine aşağıdaki kodu girin.
const EXPERIMENT_ID = 13013; // Change this to the experiment ID you're interested in
const STORAGE_KEY_PREFIX = 'varify-experiment-';
const specificStorageKey = STORAGE_KEY_PREFIX + EXPERIMENT_ID;
const targetVariationId = 17347; // The specific variation ID to check for
// Retrieve the value for specificStorageKey
const storedValue = localStorage.getItem(specificStorageKey);
if (storedValue) {
// Parse the stored JSON string
const storedData = JSON.parse(storedValue);
// Check if the current user has the specific variation ID
if (storedData.variationId === targetVariationId) {
console.log('User has the specific variation ID');
return true;
} else {
console.log('User does not have the specific variation ID');
return false;
}
} else {
console.log('No data found for this experiment ID');
return false;
}
4. Experiment_ID'yi ayarlayın
Değiştirin Experiment_ID kodunda birincil deneyin kimliği ile birlikte.
5. targetVariationId'yi ayarlayın
Boyunduruk targetVariationId kodunda birincil deneyin varyantının kimliğini girin.
6. Trafik dağılımını ayarlayın
Birincil deney dışındaki tüm deneyler için trafik dağılımını varyantın 100 %'sine ayarlayın.
2. seçenek: Bir deney oluşturma ve JavaScript kullanma (ileri düzey)
Birden fazla deney oluşturmadan çok sayfalı bir deney oluşturmak mümkündür. Ancak bu, aşağıdaki konularda ileri düzeyde bilgi gerektirir JavaScript Varyantları oynatma mantığı kodunuz tarafından kontrol edildiği için. Aşağıda adım adım bir kılavuz bulacaksınız:
Tek bir deneyle çok sayfalı bir deney nasıl oluşturulur?
1. yeni bir deney oluşturun
2. JavaScript'inizi, çağrılan sayfaya bağlı olarak çalıştırılan değişkene ekleyin.
Örnek:
if (window.location.href.includes('/produktseite')) {
// Änderungen für die Produktseite
document.querySelector('.produkt-titel').innerText = 'Neue Variante';
} else if (window.location.href.includes('/checkout')) {
// Änderungen für die Checkout-Seite
document.querySelector('.checkout-banner').style.display = 'none';
}
3. varyantı kaydedin
4. Sayfa hedefleme için, varyantın görüntüleneceği tüm sayfaları/sayfa türlerini denemeye ekleyin