Konfigurieren der Web-In-App-Messaging-Unterstützung in Web SDK

In-App-Nachrichten sind Benachrichtigungen, die Sie an Benutzer innerhalb Ihrer Web-Anwendung senden können und sie zu bestimmten Punkten von Interesse führen.

Sie können diese Benachrichtigungen für verschiedene Zwecke verwenden, z. B. zur Förderung neuer Funktionen, zur Präsentation von Sonderangeboten oder zur Erleichterung des Onboardings von Benutzenden.

Mithilfe von In-App-Nachrichten können Sie effektiv mit Ihrer Zielgruppe interagieren und sie auf wichtige Aspekte Ihrer Anwendung lenken.

Voraussetzungen prerequisites

Web SDK-Tag-Erweiterungsversion extension-version

Für die Web-In-App-Messaging-Funktion ist die neueste Version der Tag-Erweiterung von Web SDK erforderlich.

Konfigurieren eines CSP für Web-In-App-Messaging csp

Beim Konfigurieren von Web-In-AppMessaging) müssen Sie die folgende Anweisung in Ihr CSP aufnehmen:

default-src  blob:;

Weitere Informationen zum Konfigurieren eines CSP finden Sie in der entsprechenden Dokumentation.

Konfigurieren von Web-In-App-Nachrichten mit der Tag-Erweiterung „Web SDK" tag-extension

Auf der Seite Konfiguration von Web SDK-Tag-Erweiterungen erfahren Sie, wo Sie die unten beschriebenen Einstellungen finden.

SDK Nachdem Sie die TagErweiterung "" installiert haben, führen Sie die folgenden Schritte aus, um die Erweiterung für Web-In-App-Nachrichten zu konfigurieren.

Aktivieren Sie im Abschnitt Personalization die Option Personalisierungsspeicher aktivieren. Mit dieser Option kann Web SDK verfolgen, welche Erlebnisse der Benutzer über Seitenladevorgänge hinweg gesehen hat.

Web-In-App-Messaging unterstützt zwei Typen von Triggern:

Anhand der folgenden Abschnitte können Sie die Tag-Erweiterung „Web SDK" entsprechend den gewünschten Triggern konfigurieren.

Konfigurationsschritte für den Trigger Daten an Platform senden send-data-platform

Wählen Sie die Tag-Eigenschaft aus, die Ihre Web SDK-Erweiterung enthält, und Erstellen einer neuen Regel mit den folgenden Einstellungen:

Als Nächstes müssen Sie der von Ihnen erstellten Regel eine Aktion hinzufügen.

Als Nächstes müssen Sie die neu erstellte Regel zur Tag-Eigenschaftsbibliothek hinzufügen. Navigieren Sie dazu zu Veröffentlichungsfluss und wählen Sie die zuvor erstellte Regel aus.

Nachdem Sie die Regel zur Bibliothek hinzugefügt haben, wählen Sie Speichern und in Entwicklung erstellen aus.

Der Konfigurationsprozess ist jetzt abgeschlossen und Ihre Nachricht kann den Benutzern angezeigt werden.

Konfigurationsschritte zur Verwendung von manuellen Triggern manual-trigger

Wählen Sie die Tag-Eigenschaft aus, die Ihre Web SDK-Erweiterung enthält, und Erstellen einer neuen Regel mit den folgenden Einstellungen:

Als Nächstes müssen Sie der von Ihnen erstellten Regel eine Aktion hinzufügen.

Als Nächstes müssen Sie die neu erstellte Regel zur Tag-Eigenschaftsbibliothek hinzufügen. Navigieren Sie dazu zu Veröffentlichungsfluss und wählen Sie die zuvor erstellte Regel aus.

Nachdem Sie die Regel zur Bibliothek hinzugefügt haben, wählen Sie Speichern und in Entwicklung erstellen aus.

Der Konfigurationsprozess ist jetzt abgeschlossen und Ihre Nachricht kann den Benutzern angezeigt werden.

Konfigurieren von Web-In-App-Nachrichten mithilfe der Web SDK JavaScript-Bibliothek js-library

Als Alternative zur Verwendung der Tag-Erweiterung „Web SDK" können Sie Web-In-App-Nachrichten auch direkt über die Web SDK JavaScript-Bibliothek konfigurieren.

Sie können Web-In-App-Nachrichten von Adobe Journey Optimizer auf zwei Arten anzeigen.

Methode 1: Automatisches Abrufen des Personalisierungsinhalts automatic

Damit Web SDK den Personalisierungsinhalt beim Laden der Seite automatisch abruft, verwenden Sie den Befehl sendEvent , wie im folgenden Beispiel gezeigt.

  alloy("sendEvent", {
      renderDecisions: true,
      personalization: {
          surfaces: ['#welcome']
      }
  });

Methode 2: Manuelles Abrufen des Personalisierungsinhalts basierend auf der Benutzeraktion manual

Um den Personalisierungsinhalt erst anzuzeigen, nachdem der Benutzer eine bestimmte Aktion ausgeführt hat, verwenden Sie den Befehl evaluateRulesets wie im folgenden Beispiel gezeigt.

In diesem Beispiel wird der Personalisierungsinhalt angezeigt, wenn ein Benutzer auf die Schaltfläche „Jetzt " Ihrer Website klickt.

 alloy("evaluateRulesets", {
     renderDecisions: true,
     personalization: {
         decisionContext: {
             "userAction": "buy_now"
         }
     }
 });

Personalisierungsspeicher konfigurieren personalization-storage

Sie können festlegen, dass In-App-Nachrichten Benutzern für eine bestimmte Anzahl von Malen oder jedes Mal, wenn sie eine Seite besuchen, über die personalizationStorageEnabled angezeigt werden.

Legen in der KonfigurationWeb-SDK" die Option "personalizationStorageEnabled" entsprechend Ihren Anforderungen fest: