הפעלה של בדיקת A/B

אפשר להשתמש ב-worklet של Shared Storage כדי להריץ בדיקות A/B.

‫Shared Storage API הוא הצעה של ארגז החול לפרטיות לאחסון כללי בין אתרים, שתומך בהרבה תרחישי שימוש אפשריים. דוגמה אחת היא בדיקת A/B, שזמינה לבדיקה ב-Chrome 104.0.5086.0 ומעלה.

אפשר להקצות משתמש לקבוצת ניסוי, ואז לאחסן את הקבוצה ב-Shared Storage כדי לגשת אליה בסביבה חוצת אתרים.

ניסיון של בדיקות A/B

כדי להתנסות בבדיקות A/B עם Shared Storage, צריך לוודא שאתם משתמשים ב-Chrome 104.0.5086.0 ואילך. מפעילים את כל ממשקי ה-API לשמירה על פרטיות בפרסום בקטע chrome://settings/adPrivacy.

אפשר גם להפעיל את האחסון המשותף באמצעות הדגל --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames בשורת הפקודה.

התנסות בדוגמאות קוד

כדי לבדוק אם ניסוי מסוים משיג את ההשפעה הרצויה, אפשר להריץ בדיקות A/B בכמה אתרים. מפרסמים ויוצרי תוכן יכולים לבחור להציג תוכן או מודעות שונים בהתאם לקבוצה שהמשתמש משויך אליה. ההקצאה לקבוצה נשמרת באחסון משותף, אבל אי אפשר לייצא אותה.

בדוגמה הזו:

  • ‫ab-testing.js צריך להיות מוטמע בתוך מסגרת, שממפה תוכן בקרה ושני תכנים של ניסוי. הסקריפט קורא ל-worklet של Shared Storage עבור הניסוי.
  • ‫ab-testing-worklet.js הוא קובץ worklet של אחסון משותף שמחזיר את הקבוצה שהמשתמש משויך אליה, וקובע איזו מודעה תוצג.

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

תרחישים לדוגמה

בקטע הזה מפורטים כל תרחישי השימוש הזמינים של Select URL API. נמשיך להוסיף דוגמאות ככל שנקבל משוב ונמצא תרחישי בדיקה חדשים.

השתתפות ושיתוף משוב

שימו לב שההצעה לגבי Select URL API נמצאת כרגע בתהליכי דיון ופיתוח, ויכול להיות שהיא תשתנה.

נשמח לשמוע מה דעתכם על Select URL API.