Personaliza la experiencia del usuario para clientes conocidos

Usa un worklet de almacenamiento compartido para identificar a los clientes conocidos.

La API de Shared Storage es una Propuesta de zona de pruebas para almacenamiento entre sitios de uso general, que admite muchas posibles casos de uso. Un ejemplo es identificar a los clientes conocidos, que es disponibles para probar en Chrome 104.0.5086.0 y versiones posteriores.

En el almacenamiento compartido, puedes guardar si el usuario se registró en tu sitio y, luego, renderizar un elemento separado según si el estado almacenado del usuario al usuario un nombre "conocido" cliente).

Establece clientes conocidos

Para experimentar con la identificación de clientes conocidos en el almacenamiento compartido, confirma que estés usando Chrome 104.0.5086.0 o una versión posterior. Habilita todas las APIs de privacidad en los anuncios de chrome://settings/adPrivacy.

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

Experimenta con muestras de código

Es posible que desees renderizar un elemento diferente en función de si el usuario se vio en otro sitio. Por ejemplo, un proveedor de pagos puede querer mostrar un registro o "Comprar ahora" en función de si el usuario se registró en el sitio del proveedor de pagos. El almacenamiento compartido se puede usar para establecer el estado del usuario y personalizar su experiencia en función de ese estado.

En este ejemplo:

  • known-customer.js está incorporado en un marco. Esta secuencia de comandos establece las opciones para las que se debe mostrar el botón en un sitio, "Register" o "Comprar ahora".
  • known-customer-worklet.js es el worklet de almacenamiento compartido que determina si el usuario es conocido. Si el usuario es conocido, se devuelve la información. Si el usuario es desconocido, se devuelve esa información para mostrar el mensaje "Register" y el usuario se marca como "conocido por el futuro".

known-customer.js

// The first URL for the "register" button is rendered for unknown users.
const BUTTON_URLS = [
  { url: `https://${advertiserUrl}/ads/register-button.html` },
  { url: `https://${advertiserUrl}/ads/buy-now-button.html` },
];

async function injectButton() {
  // Load the worklet module
  await window.sharedStorage.worklet.addModule('known-customer-worklet.js');

  // Set the initial status to unknown ('0' is unknown and '1' is known)
  window.sharedStorage.set('known-customer', 0, {
    ignoreIfPresent: true,
  });

  // Run the URL selection operation to choose the button based on the user status
  const fencedFrameConfig = await window.sharedStorage.selectURL('known-customer', BUTTON_URLS, {
    resolveToConfig: true
  });

  // Render the opaque URL into a fenced frame
  document.getElementById('button-slot').src = fencedFrameConfig;
}

injectButton();

known-customer-worklet.js

class SelectURLOperation {
  async run(urls) {
    const knownCustomer = await sharedStorage.get('known-customer');

    // '0' is unknown and '1' is known
    return parseInt(knownCustomer);
  }
}

register('known-customer', SelectURLOperation);

Casos prácticos

Estos son solo algunos de los casos de uso posibles para el almacenamiento compartido. Seguiremos agregando ejemplos a medida que recibamos comentarios y descubramos nuevos casos de uso.

Selección de contenido

Selecciona y muestra contenido diferente en diferentes sitios web en marcos delimitados según la información recopilada en el almacenamiento compartido. La puerta de salida para estos casos de uso es la selección de URL.

  • Rotación de creatividades: Almacena datos, como el ID de la creatividad, los recuentos de vistas y la interacción del usuario, para determinar qué creatividades ven los usuarios en diferentes sitios.
  • Pruebas A/B: Puedes asignar un usuario a un grupo de experimentos y, luego, almacenar ese grupo en el almacenamiento compartido para que se pueda acceder a él en varios sitios.
  • Experiencias del usuario personalizadas: comparte contenido personalizado y llamados a la acción según el estado de registro de un usuario o algún otro estado

Genera informes de resumen

Recopilar información con el almacenamiento compartido y generar un informe de resumen agregado con ruido La puerta de salida para estos casos de uso es la API de agregación privada.

  • Medición del alcance único: Muchos productores de contenido y anunciantes quieren saber cuántas personas únicas vieron su contenido. Usa el almacenamiento compartido para registrar la primera vez que un usuario vio tu anuncio, video incorporado o publicación, y evita el registro duplicado de ese mismo usuario en diferentes sitios. Luego, puedes usar la API de Private Aggregation para generar un informe de resumen de tu alcance.
  • Medición de datos demográficos: Los productores de contenido suelen querer comprender los datos demográficos de su público. Puedes usar el almacenamiento compartido para registrar los datos demográficos de los usuarios en un contexto en el que los tengas, como tu sitio propio, y usar informes agregados para generar informes sobre ellos en muchos otros sitios, como el contenido incorporado.
  • Medición de frecuencia K+: A veces, se describe como "frecuencia efectiva". Por lo general, hay una cantidad mínima de vistas antes de que un usuario reconozca o recuerde cierto contenido (a menudo, en el contexto de las vistas de anuncios). Puedes usar el almacenamiento compartido para crear informes de usuarios únicos que vieron un contenido al menos K veces.

Interactúa y comparte comentarios

Ten en cuenta que la propuesta de la API de Shared Storage está en discusión y desarrollo activo y, por lo tanto, está sujeta a cambios.

Nos encantaría conocer tu opinión sobre la API de Shared Storage.

Mantente al tanto

  • Lista de distribución: Suscríbete a nuestra lista de distribución para recibir las actualizaciones y los anuncios más recientes relacionados con la API de Shared Storage.

¿Necesitas ayuda?