A/B Testi Çalıştır

A/B testi çalıştırmak için Shared Storage iş akışı kullanın.

Shared Storage API, genel amaçlı, siteler arası depolama için bir Özel Korumalı Alan önerisidir ve birçok olası kullanım alanını destekler. Buna örnek olarak, Chrome 104.0.5086.0 ve sonraki sürümlerde test edilebilen A/B testi verilebilir.

Bir kullanıcıyı deneme grubuna atayabilir, ardından bu grubu siteler arası bir ortamda erişilebilmesi için SharedStorage'da saklayabilirsiniz.

A/B testini deneyin

Shared Storage ile A/B testi denemesi yapmak için Chrome 104.0.5086.0 veya sonraki bir sürümünü kullandığınızı doğrulayın. chrome://settings/adPrivacy bölümündeki tüm reklam gizliliği API'lerini etkinleştirin.

Paylaşılan Depolama Alanı'nı komut satırındaki --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames işaretini kullanarak da etkinleştirebilirsiniz.

Kod örnekleriyle denemeler yapma

Bir denemenin istenen etkiye sahip olup olmadığını görmek için birden fazla sitede A/B testi yapabilirsiniz. Reklamveren veya içerik üreticisi olarak, kullanıcının hangi gruba atandığına bağlı olarak farklı içerikler veya reklamlar oluşturmayı seçebilirsiniz. Grup ataması paylaşılan depolama alanına kaydedilir ancak sızdırılamaz.

Bu örnekte:

  • ab-testing.js, bir kontrol ve iki deneme içeriğini eşleyen bir çerçeveye yerleştirilmelidir. Komut dosyası, deneme için ortak depolama iş akışını çağırır.
  • ab-testing-worklet.js, kullanıcının hangi gruba atandığını döndüren ve hangi reklamın gösterileceğini belirleyen paylaşılan depolama işlevidir.

ab-testing.js

// Randomly assigns a user to a group 0 or 1
function getExperimentGroup() {
  return Math.round(Math.random());
}

async function injectContent() {
  // Register the Shared Storage worklet
  await window.sharedStorage.worklet.addModule('ab-testing-worklet.js');

  // Assign user to a random group (0 or 1) and store it in Shared Storage
  window.sharedStorage.set('ab-testing-group', getExperimentGroup(), {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation
  const fencedFrameConfig = await window.sharedStorage.selectURL(
    'ab-testing',
    [
      { url: `https://your-server.example/content/default-content.html` },
      { url: `https://your-server.example/content/experiment-content-a.html` }
    ],
    {
      resolveToConfig: true
    }
  );

  // Render the chosen URL into a fenced frame
  document.getElementById('content-slot').config = fencedFrameConfig;
}

injectContent();

ab-testing-worklet.js

class SelectURLOperation {
  async run(urls, data) {
    // Read the user's experiment group from Shared Storage
    const experimentGroup = await sharedStorage.get('ab-testing-group');

    // Return the corresponding URL (first or second item in the array)
    return urls.indexOf(experimentGroup);
  }
}

register('ab-testing', SelectURLOperation);

Kullanım alanları

Seçili URL API'si için kullanılabilen tüm kullanım alanlarını bu bölümde bulabilirsiniz. Geri bildirim aldıkça ve yeni test örnekleri keşfettikçe örnekler eklemeye devam edeceğiz.

Etkileşim kurma ve geri bildirim paylaşma

Select URL API teklifinin aktif olarak tartışılıp geliştirildiğini ve bu nedenle değişebileceğini unutmayın.

Select URL API hakkındaki düşüncelerinizi öğrenmek istiyoruz.