A/B Testi Çalıştır

A/B testi yapmak için Paylaşılan Depolama iş akışı kullanın.

Shared Storage API bir gizlilik ayarıdır. Pek çok özelliği destekleyen genel amaçlı, siteler arası depolamaya yönelik korumalı alan teklifi örneklerden bahsetmek istiyorum. Bu tür bir örnek olarak, A/B testi yapabilirsiniz. (Chrome 104.0.5086.0 ve sonraki sürümlerde).

Bir deneme grubuna kullanıcı atayabilir ve ardından bu grubu Paylaşılan Siteler arası ortamda erişilecek depolama alanı.

A/B testini deneyin

Paylaşılan depolama alanıyla A/B testi denemesi yapmak için Chrome 104.0.5086.0 veya sonraki bir sürümü kullandığınızdan emin olun. chrome://settings/adPrivacy altındaki 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 etkiyi yaratıp yaratmadığını görmek için birden fazla sitede A/B testi çalıştırabilirsiniz. Bir reklamveren veya içerik üreticisi olarak, kullanıcının atandığı gruba bağlı olarak farklı içerik veya reklamlar oluşturmayı seçebilirsiniz. Grup ataması paylaşılan depolama alanına kaydedildi, ancak çalınamaz.

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 paylaşılan depolama alanı iş akışını çağırır.
  • ab-testing-worklet.js, hangi reklamın gösterileceğini belirleyerek kullanıcının hangi gruba atandığını döndüren paylaşılan depolama iş uygulamasıdır.

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

Seçili URL API teklifinin aktif olarak tartışıldığını ve geliştirildiğini ve değişiklik yapılabileceğini unutmayın.

Seçili URL API'si hakkındaki düşüncelerinizi öğrenmek isteriz.

Gelişmeleri takip edin

  • Posta Listesi: Seçili URL ve Paylaşılan Depolama API'leri ile ilgili en son güncellemeler ve duyurular için posta listemize abone olun.

Yardıma mı ihtiyacınız var?