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

In-App-Nachrichten sind Benachrichtigungen, die Sie an Benutzer in Ihrer Webanwendung senden können, um sie an bestimmte Zielpunkte weiterzuleiten.

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 Onboarding von Benutzern.

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

Voraussetzungen prerequisites

Version der Web SDK-Tag-Erweiterung extension-version

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

CSP für Web-In-App-Nachrichten konfigurieren csp

Bei der Konfiguration Web-In-App-Nachrichtenmüssen Sie die folgende Anweisung in Ihre CSP aufnehmen:

default-src  blob:;

Weitere Informationen zum Konfigurieren einer CSP finden Sie unter dedizierte Dokumentation.

Web-In-App-Nachrichten mithilfe der Web SDK-Tag-Erweiterung konfigurieren tag-extension

Siehe Abschnitt Konfigurationsseite der Web SDK-Tag-Erweiterung um zu verstehen, wo Sie die unten beschriebenen Einstellungen finden können.

Nachdem Sie installiert Gehen Sie zur Web SDK-Tag-Erweiterung wie folgt vor, um die Erweiterung für Web-In-App-Nachrichten zu konfigurieren.

Im Personalisierung -Abschnitt, überprüfen Sie die Personalisierungsspeicherung aktivieren -Option. Mit dieser Option kann das Web SDK verfolgen, welche Erlebnisse der Benutzer beim Laden der Seite gesehen hat.

Web In-App-Nachrichten unterstützen zwei Arten von Triggern:

In den folgenden Abschnitten erfahren Sie, wie Sie die Web SDK-Tag-Erweiterung entsprechend den gewünschten Triggern konfigurieren.

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

Wählen Sie die Tag-Eigenschaft aus, die Ihre Web SDK-Erweiterung enthält, und eine neue Regel erstellen 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-Property-Bibliothek hinzufügen. Gehen 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.

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

Konfigurationsschritte für die Verwendung von manuellen Triggern manual-trigger

Wählen Sie die Tag-Eigenschaft aus, die Ihre Web SDK-Erweiterung enthält, und eine neue Regel erstellen 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-Property-Bibliothek hinzufügen. Gehen 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.

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

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

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

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

Methode 1: Personalisierungsinhalt automatisch abrufen automatic

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

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

Methode 2: Personalisierungsinhalt basierend auf der Benutzeraktion manuell abrufen manual

Verwenden Sie die evaluateRulesets -Befehl, wie im folgenden Beispiel gezeigt.

In diesem Beispiel wird der Personalisierungsinhalt angezeigt, wenn ein Benutzer auf die Jetzt kaufen auf Ihrer Website.

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

Konfigurieren des Personalisierungsspeichers personalization-storage

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

Im Web SDK-Konfiguration legen Sie die personalizationStorageEnabled -Option entsprechend Ihren Anforderungen: