Ana içeriğe geç

Çok sayfalı deney oluştur

Son güncelleme: 22 Nis 20262 dk okuma süresi
İçindekiler
Çok sayfalı bir deneyin diyagramı: A satırında yeşil başlıklı üç sayfa, B satırında aynı üç sayfa ancak koyu başlıklı

Kısaca​

Bir deney içinde sayfalar genelinde eş zamanlı değişiklikler yapmak istiyorsan, çok sayfalı bir deneye ihtiyacın var. Varify.io'da böyle bir deney oluşturmanın iki yolu vardır:

  1. Basit yöntemBirkaç ayrı deney oluştur ve bunları birbirine bağla.
  2. Gelişmiş yöntemTek bir deney kullan ve varyantları JavaScript ile kontrol et. Ancak bu, sağlam bir JavaScript bilgisi gerektirir.

Her iki yaklaşım da, teknik bilgi düzeyine ve gereksinimlerine bağlı olarak etkili çok sayfalı deneyler yürütmene olanak tanır.

1. seçenek: Birkaç deney oluştur (yeni başlayanlar + ileri düzey)​

Çok sayfalı bir deney oluşturmanın en kolay yolu, birkaç deney oluşturup bunları birbirine bağlamaktır. İstenen değişiklikleri her sayfa için ayrı bir deneyde saklayabilirsin. Tüm deneyler oluşturulduktan sonra, Audience Targeting içine bir JavaScript eklenerek bağlantı kurulur. Bu şekilde, deneyler verimli bir şekilde koordine edilir ve tüm sayfalarda test edilebilir.

Çok sayfalı bir deneyi en iyi şekilde uygulama yöntemi:

  1. Sayfa başına bir deney oluştur
    Değişikliğin yapılacağı her web sitesi için ayrı bir deney oluştur.
  2. Birincil deneyi tanımla
    Hangi deneyin birincil deney olduğunu belirle. Birincil deneyde, ziyaretçiler test katılımcısı olur. Birincil deney, test katılımcılarının ilk gördüğü sayfadaki deneydir.
  3. Hedef kitle hedeflemesi için kod ekle
    Birincil deney olmayan ve çok sayfalı deneyin parçası olan tüm deneylerde, hedef kitle hedeflemesine aşağıdaki kodu gir.
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;
}
  1. Experiment_ID değerini özelleştir Koddaki Experiment_ID ifadesini birincil deneyin ID'si ile değiştir.
  2. targetVariationId değerini özelleştir Koddaki targetVariationId ifadesini birincil deneyin varyantının ID'sine bağla.
  3. Trafik dağıtımını ayarla Birincil deney dışındaki tüm deneyler için trafik dağıtımını varyantın %100'ü olarak ayarla.

2. seçenek: Bir deney oluşturmak ve JavaScript kullanmak (ileri düzey)​

Birden fazla deney oluşturmadan çok sayfalı bir deney oluşturmak mümkündür. Ancak bunun için, varyantların gösterilme mantığı kodun tarafından kontrol edildiğinden JavaScript konusunda ileri düzey bilgi gerekir. Aşağıda adım adım bir kılavuz bulacaksın:

Yalnızca tek bir deneyle çok sayfalı bir deney nasıl oluşturulur

  1. Yeni bir deney oluştur
    1. çağrılan sayfaya bağlı olarak yürütülen JavaScript kodunuzu varyanta 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';
}
  1. Varyantı kaydedin
    1. sayfa hedefleme için, varyantın gösterileceği tüm sayfaları/sayfa türlerini deneye ekleyin
Bu sayfada