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.

Engage and share feedback

Note that the Select URL API proposal is under active discussion and development and subject to change.

We're eager to hear your thoughts on the Select URL API.

Stay Informed

  • Mailing List: Subscribe to our mailing list for the latest updates and announcements related to the Select URL and Shared Storage APIs.

Need Help?