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 del almacenamiento compartido. Más tarde continuamos agregando ejemplos a medida que recibir comentarios y descubrir nuevos casos de uso.

Selección de contenido

seleccionar y mostrar contenido diferente en distintos sitios web de marcos vallados basados en información que se recopilan en el almacenamiento compartido. La puerta de salida para estos casos de uso es la selección de URL.

  • Rotación de creatividades: Almacene datos, como el ID de la creatividad, la cantidad de vistas y la interacción del usuario, para determinar qué usuarios de creatividades tienen ven en diferentes sitios.
  • Pruebas A/B: Puedes asignar un usuario a un grupo experimental y, luego, almacenar ese grupo en el almacenamiento compartido para que se pueda acceder a él desde varios sitios.
  • Experiencias del usuario personalizadas: Compartir contenido personalizado y llamados a la acción en función del estado de registro del usuario o de otros estados

Genera informes de resumen

Recopilamos información con el almacenamiento compartido y generamos un informe de resumen acumulado y ruidoso. La puerta de salida para estos casos de uso es la API de Private Aggregation

  • Medición de alcance único: Muchos productores y anunciantes de contenido la gente vio su contenido. Usar el almacenamiento compartido para registrar la primera vez que un usuario vieron tu anuncio, un video incorporado o una publicación y evitan la duplicación el recuento de ese mismo usuario en distintos sitios. Luego, puedes usar la API de Private Aggregation para generar un informe resumido para tu alcance.
  • Medición de datos demográficos: Los productores de contenido suelen querer comprender público. Puede usar el almacenamiento compartido para registrar datos demográficos de usuarios de un contexto donde lo tienes, como tu sitio de origen, y utiliza las para generar informes sobre él en muchos otros sitios, como el contenido incorporado.
  • Medición de frecuencia K+: A veces se describe como "frecuencia efectiva", suele haber un número mínimo vistas antes de que el usuario reconozca o recuerde cierto contenido (a menudo, en el contexto de las vistas de los anuncios). Puedes usar el almacenamiento compartido para crear informes de usuarios únicos que han visto cierto contenido al menos K veces.

Interactúa y comparte tus comentarios

La propuesta de almacenamiento compartido se está debatiendo y está sujeta a cambios en el futuro. Si pruebas esta API y tienes comentarios, nos encantaría recibirlos.