22.4 Verbinden Sie die Datenerfassung für EXP-Nachrichten mit Ihrem Echtzeit-Dashboard für EXP-Nachrichten .

Ziele

  • Erfahren Sie, wie Sie unsere Project Firefly EXP News Realtime-Dashboard-App mithilfe der Adobe Experience Platform Data Collection Server Side Forwarding über die EXP News-Website mit Echtzeit-Streaming-Informationen verbinden.

Voraussetzungen

Bevor Sie mit dieser Übung beginnen, stellen Sie sicher, dass Sie NodeJS und Adobe I/O CLI auf Ihrem Computer installiert und eingerichtet haben. Weitere Informationen finden Sie unter Übung 22.1 - Einrichten der Umgebung .

2.4.1 Webhook der Project Firefly-App

Wir müssen den Webhook ermitteln, den wir verwenden können, um Streaming-Ereignisse von der EXP News-Website mit unserer Dashboard-App zu verbinden. Eigentlich hätten Sie es bereits als Ausgabe Ihres aio app deploy aus Übung 22.3.2 erkennen sollen. Sie können es direkt von hier kopieren. ist dies die erste Zeile in der Liste von Ihre bereitgestellte Aktion; das mit webhook endet. Bereitstellen, z. B. https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook. Kopieren Sie die URL für webhook und speichern Sie sie irgendwo, damit Sie sie später verwenden können.

22.4.2 Einrichten der serverseitigen Weiterleitung der Adobe Experience Platform-Datenerfassung

Wir werden jetzt die serverseitige Weiterleitung für unsere Projekt-Firefly-EXP-Nachrichten-Firefly-Dashboard-App mithilfe des Webhooks einrichten, den wir in der vorherigen Übung entdeckt haben.

Gehen Sie zu https://experience.adobe.com/#/data-collection/. Stellen Sie sicher, dass Sie sich in der richtigen Organisation befinden, überprüfen Sie, dass in der rechten oberen Ecke: --envName--.

Adobe Experience Platform Data Collection SSF

Klicken Sie im linken Menü auf Server. Eine Übersicht über die Servereigenschaften wird angezeigt.

Adobe Experience Platform Data Collection SSF

Suchen Sie nach Ihrer serverseitigen Eigenschaft, die Sie im Rahmen von Modul 21 erstellt haben (z. B. vangeluw - Demo System (24/04/2021) (Edge)) und klicken Sie, um es zu öffnen.

Adobe Experience Platform Data Collection SSF

Klicken Sie in der linken Leiste auf Datenelemente und klicken Sie dann auf Datenelement hinzufügen , um ein neues Datenelement hinzuzufügen. Geben Sie im Bildschirm zur Definition des Datenelements die folgenden Informationen ein:

  • Name: brandName
  • Erweiterung: wählen Sie Core aus der Liste aus.
  • Datenelementtyp: wählen Sie Path aus der Liste aus.
  • Pfad (erforderlich): arc.event.xdm.--aepTenantId--.demoEnvironment.brandName

Adobe Experience Platform-Datenkollektions-SSF-Datenelement

Klicken Sie auf Speichern , um das Datenelement zu speichern.

Klicken Sie in der linken Leiste auf Regeln . Eine Übersicht der für diese Eigenschaft erstellten Regeln wird angezeigt, wobei die Regel Alle Seiten aus Übung 21 aufgelistet ist. Klicken Sie auf Regel hinzufügen.

Adobe Experience Platform-Datenerfassungsregeln

Im Bildschirm Regel erstellen :

Geben Sie einen Namen an, z. B. All Pages EXP News. Klicken Sie auf + Hinzufügen , um eine neue Bedingung hinzuzufügen.

Adobe Experience Platform-Datenerfassungsregelname

Geben Sie im Bildschirm Bedingungskonfiguration die folgenden Informationen ein:

  • Logiktyp: select Regular
  • Erweiterung: select Core
  • ​ConditionType: select Value Comparison
  • Name: Core - Value Comparison
  • Left Operand (erforderlich): Wählen Sie brandName aus dem angezeigten Dialogfeld aus, indem Sie auf das Symbol mit dem drei Zylinder klicken. Das Feld wird mit {{brandName}} gefüllt.
  • Operator: select Equals
  • Rechter Operand: Typ EXP News.

Adobe Experience Platform-Datenerfassungs-SSF-Regel

Klicken Sie auf Keep Changes , um zum Bildschirm Create Rule zurückzukehren. Klicken Sie dann wieder hier auf + Hinzufügen, um eine neue Aktion hinzuzufügen.

Adobe Experience Platform-Datenerfassungs-SSF-Regel

Geben Sie im Bildschirm Aktionskonfiguration die folgenden Informationen im linken Bereich ein.

  • Erweiterung: select Adobe Cloud Connector
  • Aktionstyp: select Make Fetch Call
  • Name: Adobe Cloud Connector - Make Fetch Call
  • Methode (erforderlich): select POST
  • URL (erforderlich): Fügen Sie hier den Webhook ein, den Sie aus Übung 22.4.1 kopiert und gespeichert haben, z. B. https://133309-rmaurexpnews-development.adobeio-static.net/api/v1/web/poc-platform-realtime-0.0.1/webhook

Klicken Sie auf Body.

Adobe Experience Platform-Datenerfassung SSF-Regel 3

Stellen Sie sicher, dass der Body wie folgt aussieht:

  • Stellen Sie sicher, dass Raw als Textformat ausgewählt ist.
  • Wählen Sie XDM Event aus dem Dialogfeld aus, das angezeigt wird, wenn Sie auf das drei Zylindersymbol hinter dem Feld unter Body (Raw) klicken. Dadurch wird {{XDM Event}} eingefügt.

Adobe Experience Platform-Datenerfassungs-SSF-Regel 3b

Klicken Sie auf Keep Changes. Ihr Bildschirm sollte wie folgt aussehen: Klicken Sie auf Speichern.

Adobe Experience Platform-Datenerfassungs-SSF-Regel 4

Klicken Sie links auf Veröffentlichungsfluss , um die Änderungen in Ihrer Adobe Experience Platform-Datenerfassungsserverkonfiguration bereitzustellen.
Klicken Sie auf rechts von v1 in Ihrer Entwicklung-Spalte und klicken Sie auf Bearbeiten.

Adobe Experience Platform-Datenerfassung SSF-Regel 5

Klicken Sie im Bildschirm Bibliothek bearbeiten auf Alle geänderten Ressourcen hinzufügen. Es wird ein Überblick über die neuesten Änderungen angezeigt. Klicken Sie auf Speichern und für Entwicklung erstellen.

Adobe Experience Platform-Datenerfassung SSF-Regel 6

Nach einiger Zeit kehren Sie zum vorherigen Bildschirm zurück. Warten Sie, bis der Kreis vor v1 aufhört zu drehen und grün wird. Ihre aktualisierten Regeln für die serverseitige Weiterleitung für EXP-News-Seiten sind jetzt bereitgestellt.

Adobe Experience Platform-Datenerfassung SSF-Regel 7

2.4.3 Das Echtzeit-Dashboard der EXP-Nachrichten demonstrieren

Wir werden nun zeigen, wie Interaktionen auf der Website "EXP News"in Echtzeit in unserer Dashboard-App "EXP News"aktualisiert werden.

Gehen Sie folgendermaßen vor:

Gehen Sie zu https://public.aepdemo.net.

Geben Sie Ihre Konfigurations-ID ein und klicken Sie auf Konfiguration laden.

Klicken Sie unten auf der Seite auf Konfiguration speichern

Klicken Sie auf Wählen Sie LDAP und wählen Sie Ihren LDAP-Namen aus der Liste aus. Klicken Sie auf Speichern. LDAP

Klicken Sie auf Wählen Sie Marke und wählen Sie EXP News (Demo brand for mediaent) aus der Liste aus.

Klicken Sie auf Speichern.

Marke

Auf dem Bildschirm Umgebungsstatus

Status

Klicken Sie auf das Logo EXP News . Dadurch gelangen Sie zur EXP News-Website.

EXP-Nachrichten

Klicken Sie auf der Website "EXP News"auf , um Artikel zu lesen und Videos anzuzeigen.

Kehren Sie zu Ihrer EXP News-Echtzeit-Dashboard-Firefly-App zurück. Sie sollten Ihre Interaktionen mit der EXP News-Website in Echtzeit aktualisieren.

Echtzeit

Viel Spaß dabei, dies weiter zu erforschen. Wenn Sie mehr Entwickler und Abenteurer sind und Freizeit haben, sollten Sie den Quellcode der Dashboard-App durchsuchen und nach Bedarf Änderungen vornehmen.

Sie haben nun diese Übung und dieses Modul abgeschlossen.

Nächster Schritt: Zusammenfassung und Vorteile

Zurück zu Modul 22

Zu allen Modulen zurückkehren

Auf dieser Seite