Menjalankan A/B Testing

Gunakan worklet Penyimpanan Bersama untuk menjalankan pengujian A/B.

Shared Storage API adalah informasi Proposal sandbox untuk tujuan umum, penyimpanan lintas situs, yang mendukung banyak yang mungkin terjadi. Salah satu contohnya adalah pengujian A/B, yang tersedia untuk diuji di Chrome 104.0.5086.0 dan yang lebih baru.

Anda dapat menetapkan pengguna ke sebuah grup eksperimen, lalu menyimpan grup tersebut di Penyimpanan yang akan diakses di lingkungan lintas lokasi.

Coba A/B testing

Untuk bereksperimen dengan pengujian A/B dengan Penyimpanan Bersama, pastikan Anda menggunakan Chrome 104.0.5086.0 atau yang lebih baru. Aktifkan semua API privasi iklan di chrome://settings/adPrivacy.

Anda juga dapat mengaktifkan Shared Storage dengan tanda --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames di command line.

Bereksperimen dengan contoh kode

Untuk melihat apakah eksperimen memiliki pengaruh yang diinginkan, Anda dapat menjalankan pengujian A/B di beberapa situs. Sebagai pengiklan atau produser konten, Anda dapat memilih untuk merender konten atau iklan yang berbeda berdasarkan grup yang ditetapkan pengguna. Penetapan grup disimpan di penyimpanan bersama, tetapi tidak dapat dipindahkan.

Dalam contoh ini:

  • ab-testing.js harus disematkan dalam bingkai, yang memetakan satu kontrol dan dua konten eksperimen. Skrip ini memanggil worklet penyimpanan bersama untuk eksperimen.
  • ab-testing-worklet.js adalah worklet penyimpanan bersama yang menampilkan grup yang ditetapkan kepada pengguna, yang menentukan iklan yang akan ditampilkan.

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);

Kasus penggunaan

Semua kasus penggunaan yang tersedia untuk Select URL API dapat ditemukan di bagian ini. Kami akan terus menambahkan contoh saat menerima masukan dan menemukan kasus pengujian baru.

Berinteraksi dan memberikan masukan

Perhatikan bahwa proposal Select URL API sedang dalam diskusi dan pengembangan aktif serta dapat berubah sewaktu-waktu.

Kami ingin mengetahui pendapat Anda tentang Select URL API.

Mendapatkan Info Terbaru

  • Daftar Email: Berlangganan ke daftar email kami untuk mendapatkan info terbaru dan pengumuman terkait API URL Pilih dan Shared Storage.

Perlu Bantuan?