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

Wenn Sie Web In-App Messaging konfigurieren, müssen Sie die folgende Anweisung in Ihre CSP aufnehmen:

default-src  blob:;

Weitere Informationen zum Konfigurieren einer CSP finden Sie in der dedizierten Dokumentation.

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

Auf der Konfigurationsseite 🔗 der Tag-Erweiterung für das Web SDK finden Sie die unten beschriebenen Einstellungen.

Nachdem Sie die Web SDK-Tag-Erweiterunginstalliert haben, führen Sie die folgenden Schritte aus, um die Erweiterung für Web In-App Messaging zu konfigurieren.

Aktivieren Sie im Abschnitt Personalization die Option Personalisierungsspeicher aktivieren . 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 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 Sie eine neue 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-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 erstellen Sie eine neue 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-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 den Befehl "sendEvent", wie im folgenden Beispiel gezeigt.

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

Methode 2: Personalisierungsinhalt basierend auf der Benutzeraktion manuell abrufen manual

Um den Personalisierungsinhalt erst dann anzuzeigen, wenn der Benutzer eine bestimmte Aktion ausgeführt hat, verwenden Sie den Befehl evaluateRulesets , wie im Beispiel unten dargestellt.

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

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

Konfigurieren des Personalisierungsspeichers personalization-storage

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

Legen Sie in der Web SDK configuration die personalizationStorageEnabled -Option entsprechend Ihren Anforderungen fest: