Ejecute pruebas A/B

Usa un worklet de Shared Storage para ejecutar pruebas A/B.

La API de Shared Storage es una propuesta de Privacy Sandbox para el almacenamiento de uso general en varios sitios, que admite muchos casos de uso posibles. Un ejemplo de ello son las pruebas A/B, que están disponibles para probar en Chrome 104.0.5086.0 y versiones posteriores.

Puedes asignar un usuario a un grupo experimental y, luego, almacenar ese grupo en Shared Storage para acceder a él en un entorno de varios sitios.

Prueba las pruebas A/B

Para experimentar con las pruebas A/B con Shared Storage, confirma que estás usando Chrome 104.0.5086.0 o una versión posterior. Habilita todas las APIs de Privacidad de anuncios en chrome://settings/adPrivacy.

También puedes habilitar Shared Storage con la marca --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames en la línea de comandos.

Experimenta con muestras de código

Para ver si un experimento tiene el efecto deseado, puedes realizar pruebas A/B en varios sitios. Como anunciante o productor de contenido, puedes optar por renderizar diferentes anuncios o contenido según el grupo al que se asigne el usuario. La asignación de grupo se guarda en el almacenamiento compartido, pero no se puede exfiltrar.

En este ejemplo:

  • ab-testing.js debe incorporarse en un marco, que asigna un control y dos contenidos del experimento. La secuencia de comandos llama al worklet del almacenamiento compartido para el experimento.
  • ab-testing-worklet.js es el worklet de almacenamiento compartido que devuelve el grupo al que se asigna el usuario, lo que determina qué anuncio se muestra.

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

Casos prácticos

En esta sección, encontrarás todos los casos de uso disponibles para la API de Select URL. Seguiremos agregando ejemplos a medida que recibamos comentarios y descubramos nuevos casos de prueba.

Interactúa y comparte comentarios

Ten en cuenta que la propuesta de la API de Select URL está en debate y desarrollo activos, y está sujeta a cambios.

Nos encantaría conocer tu opinión sobre la API de Select URL.