User Experience für bekannte Kunden anpassen

Mit einem Shared Storage-Worklet können Sie bekannte Kunden identifizieren.

Die Shared Storage API ist ein Privacy Sandbox-Vorschlag für die allgemeine, websiteübergreifende Speicherung, der viele mögliche Anwendungsfälle unterstützt. Ein Beispiel ist die Identifizierung bekannter Kunden, die in Chrome 104.0.5086.0 und höher getestet werden kann.

Sie können speichern, ob sich der Nutzer auf Ihrer Website registriert hat, und dann ein separates Element rendern, je nachdem, ob der gespeicherte Status des Nutzers „bekannter“ Kunde ist.

Bekannte Kunden festlegen

Wenn Sie das Identifizieren bekannter Kunden in Shared Storage testen möchten, müssen Sie Chrome 104.0.5086.0 oder höher verwenden. Aktivieren Sie alle APIs zum Datenschutz bei Werbung unter chrome://settings/adPrivacy.

Sie können Shared Storage auch mit dem Flag --enable-features=PrivacySandboxAdsAPIsOverride,OverridePrivacySandboxSettingsLocalTesting,SharedStorageAPI,FencedFrames in der Befehlszeile aktivieren.

Mit Codebeispielen experimentieren

Möglicherweise möchten Sie ein anderes Element rendern, je nachdem, ob der Nutzer auf einer anderen Website gesehen wurde. Ein Zahlungsanbieter möchte beispielsweise eine Schaltfläche „Registrieren“ oder „Jetzt kaufen“ rendern, je nachdem, ob der Nutzer sich auf der Website des Zahlungsanbieters registriert hat. Mit gemeinsam genutztem Speicher können Sie den Status des Nutzers festlegen und die Nutzererfahrung basierend auf diesem Status anpassen.

In diesem Fall gilt Folgendes:

  • known-customer.js ist in einen Frame eingebettet. Mit diesem Skript wird festgelegt, welche Schaltfläche auf einer Website angezeigt werden soll: „Registrieren“ oder „Jetzt kaufen“.
  • known-customer-worklet.js ist das Shared Storage-Worklet, das bestimmt, ob der Nutzer bekannt ist. Wenn der Nutzer bekannt ist, werden die Informationen zurückgegeben. Wenn der Nutzer unbekannt ist, werden diese Informationen zurückgegeben, um die Schaltfläche „Registrieren“ anzuzeigen. Der Nutzer wird für die Zukunft als bekannt markiert.

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

Anwendungsfälle

In diesem Abschnitt finden Sie alle verfügbaren Anwendungsfälle für die Select URL API. Wir werden weitere Beispiele hinzufügen, sobald wir Feedback erhalten und neue Testfälle entdecken.

  • Anzeigen-Creatives rotieren: Speichern Sie Daten wie die Creative-ID und Nutzerinteraktionen, um zu ermitteln, welches Creative Nutzer auf verschiedenen Websites sehen.
  • Anzeigen-Creatives nach Häufigkeit auswählen: Anhand der Daten zur Wiedergabeanzahl können Sie ermitteln, welches Creative Nutzern auf verschiedenen Websites präsentiert wird.
  • A/B-Tests ausführen: Sie können einen Nutzer einer Testgruppe zuweisen und diese Gruppe dann in Shared Storage speichern, damit auf sie websiteübergreifend zugegriffen werden kann.
  • Angebote für bekannte Kunden anpassen: Sie können benutzerdefinierte Inhalte und Calls-to-Action basierend auf dem Registrierungsstatus oder anderen Nutzerstatus teilen.

Feedback geben

Der Vorschlag für die Select URL API befindet sich in der aktiven Diskussion und Entwicklung und kann sich daher ändern.

Wir freuen uns auf Ihr Feedback zur Select URL API.