23.3 Trigger-basierte Journey konfigurieren - Bestellbestätigung

Melden Sie sich unter Adobe Experience Cloud bei Adobe Experience Cloud an. Klicken Sie auf Adobe Journey Optimizer.

Sie werden zur Ansicht Home in Journey Optimizer weitergeleitet.

Bevor Sie fortfahren, müssen Sie eine Sandbox auswählen. Die auszuwählende Sandbox heißt --aepSandboxId--. Klicken Sie dazu in der blauen Zeile oben auf Ihrem Bildschirm auf den Text Produktions-Prod.

23.3.1 Nachricht zur Bestellbestätigung erstellen

Klicken Sie im Menü auf Nachrichten.

Auf dem Bildschirm Nachrichten wird eine Ansicht ähnlich der folgenden angezeigt. Klicken Sie auf Nachricht erstellen.

Geben Sie Ihrer Nachricht einen Titel nach dieser Benennungsregel ldap - Bestellbestätigungs-E-Mail und ersetzen Sie ldap durch Ihren eigenen ldap, wählen Sie den Kanal CJM-Alpha-Vorgabe aus und aktivieren Sie den Kanal E-Mail.

Klicken Sie auf Erstellen , um Ihre E-Mail-Nachricht zur Bestellbestätigung zu erstellen.

Der nächste Bildschirm ist das Nachrichten-Dashboard. Auf der rechten Seite befinden sich die E-Mail-Eigenschaften. Stellen Sie sicher, dass die beiden Kontrollkästchen unter Optionale Funktionen aktiviert sind. Wenn nicht, stellen Sie bitte sicher, dass beide aktiviert sind.

Klicken Sie auf das Textfeld Betreff .

Beginnen Sie im Textbereich mit dem Schreiben von Danke für Ihre Bestellung,

Die Betreffzeile ist noch nicht fertig. Als Nächstes müssen Sie das Personalisierungstoken für das Feld Vorname einfügen, das unter profile.person.name.firstName gespeichert ist. Scrollen Sie im linken Menü nach unten, um nach dem Feld Person > Vollständiger Name > Vorname zu suchen, und klicken Sie auf das Symbol + , um das Personalisierungstoken zur Betreffzeile hinzuzufügen. Klicken Sie auf Speichern.

Du wirst dann wieder hier sein. Klicken Sie auf Email Designer , um den Inhalt der E-Mail zu erstellen.

Klicken Sie im nächsten Bildschirm auf Design von Grund auf.

Im linken Menü finden Sie die Strukturkomponenten, mit denen Sie die Struktur der E-Mail definieren können (Zeilen und Spalten).

Ziehen Sie eine 1:1-Spalte 8-mal auf die Arbeitsfläche, wodurch Folgendes angezeigt werden sollte:

Navigieren Sie zu Inhaltskomponenten.

Ziehen Sie eine HTML-Komponente in die erste Zeile. Klicken Sie auf die HTML-Komponente und dann auf Quellcode anzeigen.

Fügen Sie diesen Code dort ein: <img src="{%= profile._experienceplatform.demoEnvironment.brandLogo %}" width="100px%">. Klicken Sie auf Speichern.

Sie sind jetzt wieder hier:

Wechseln Sie zu Inhaltskomponenten und ziehen Sie eine Bild-Komponente in die zweite Zeile. Wählen Sie die Komponente Bild aus, klicken Sie aber nicht auf Durchsuchen .

Fügen Sie diese Bild-URL in das Feld Quelle ein: https://parsefiles.back4app.com/hgJBdVOS2eff03JCn6qXXOxT5jJFzialLAHJixD9/29043bedcde632a9cbe8a02a164189c9_preparing.png. Dieses Bild wird außerhalb von Adobe gehostet.

Wenn Sie den Umfang in ein anderes Feld ändern, wird das Bild gerendert und Sie sehen Folgendes:

Navigieren Sie als Nächstes zu Inhaltskomponenten und ziehen Sie eine Text-Komponente in die dritte Zeile.

Wählen Sie den Standardtext in dieser Komponente Geben Sie hier Ihren Text ein. und ersetzen Sie sie durch den folgenden Text:

You’re one step closer!

Hi 

We've received your order details!

We will also send you a separate email containing your VAT Invoice.

We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.

Setzen Sie den Cursor neben den Text Hi und klicken Sie auf Personalisierung hinzufügen.

Navigieren Sie zum Feld Person > Vollständiger Name > Vorname und klicken Sie auf das Symbol + , um das Personalisierungstoken zur Betreffzeile hinzuzufügen. Klicken Sie auf Speichern.

Daraufhin sehen Sie Folgendes:

Navigieren Sie als Nächstes zu Inhaltskomponenten und ziehen Sie eine Text-Komponente in die vierte Zeile.

Wählen Sie den Standardtext in dieser Komponente Geben Sie hier Ihren Text ein. und ersetzen Sie sie durch den folgenden Text:

Order Information

Ändern Sie die Schriftgröße in 26px und zentrieren Sie den Text in dieser Zelle. Dann haben Sie Folgendes:

Navigieren Sie anschließend zu Inhaltskomponenten und ziehen Sie eine HTML-Komponente in die fünfte Zeile. Klicken Sie auf die HTML-Komponente und dann auf Quellcode anzeigen.

Fügen Sie im Popup HTML bearbeiten diesen HTML-Code ein:

<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>

Klicken Sie auf Speichern.

Dann wirst du das haben. Klicken Sie auf Speichern , um den Fortschritt zu speichern.

Gehen Sie zum Nachrichten-Dashboard zurück, indem Sie in der oberen linken Ecke auf den Pfeil Pfeil neben dem Betreffzeilentext klicken.

Daraufhin sehen Sie Folgendes:

Klicken Sie zweimal auf Publish , um Ihre Nachricht zu veröffentlichen, damit Sie sie in einer Journey verwenden können.

In den nächsten Schritten zur Erstellung Ihrer Bestellbestätigungs-E-Mail-Nachricht müssen Sie kontextbezogene Ereignisdaten verwenden. Diese kontextuellen Ereignisdaten werden innerhalb der Journey bereitgestellt. Bevor Sie diesen Kontext hinzufügen können, müssen Sie ein Event einrichten, um die Journey Trigger, und die Journey erstellen. Sobald dies abgeschlossen ist, kehren Sie zum Message Designer zurück, um Ihre Nachricht zu aktualisieren.

23.3.2 Ereignis erstellen

Gehen Sie im Menü zu Konfigurationen und klicken Sie unter Ereignisse auf Verwalten .

Auf dem Bildschirm Ereignisse wird eine Ansicht ähnlich der folgenden angezeigt. Klicken Sie auf Ereignis erstellen.

Anschließend wird eine leere Ereigniskonfiguration angezeigt.

Geben Sie Ihrem Ereignis zunächst einen Namen wie den folgenden: ldapPurchaseEvent und ersetzen Sie ldap durch Ihren ldap.

Als Nächstes fügen Sie eine Beschreibung wie Purchase Event hinzu.

Als Nächstes folgt die Auswahl Ereignistyp. Wählen Sie Unitary aus.

Als Nächstes folgt die Auswahl Ereignis-ID-Typ. Wählen Sie System Generated aus.

Als Nächstes folgt die Schemaauswahl. Für diese Übung wurde ein Schema vorbereitet. Bitte verwenden Sie das Schema Demo System - Event Schema for Website (Global v1.1) v.1.

Nach Auswahl des Schemas werden im Abschnitt Payload mehrere Felder ausgewählt. Klicken Sie auf das Symbol Bearbeiten/Bleistift , um diesem Ereignis zusätzliche Felder hinzuzufügen.

Dann sehen Sie dieses Popup. Sie müssen jetzt zusätzliche Kontrollkästchen aktivieren, um auf zusätzliche Daten zuzugreifen, wenn dieses Ereignis ausgelöst wird.

Aktivieren Sie zunächst das Kontrollkästchen in der Zeile --aepTenantId--.

Scrollen Sie dann nach unten und aktivieren Sie das Kontrollkästchen in der Zeile productListItems.

Scrollen Sie dann nach unten und aktivieren Sie das Kontrollkästchen in der Zeile commerce.

Klicken Sie anschließend auf OK.

Anschließend werden Sie sehen, dass dem Ereignis zusätzliche Felder hinzugefügt wurden. Klicken Sie auf Speichern.

Ihr neues Ereignis wird dann freigegeben und Ihr Ereignis wird jetzt in der Liste der verfügbaren Ereignisse angezeigt.

Klicken Sie erneut auf Ihr Ereignis, um den Bildschirm Ereignis bearbeiten erneut zu öffnen.
Bewegen Sie den Mauszeiger erneut über das Feld Payload , um die 3 Symbole erneut anzuzeigen. Klicken Sie auf das Symbol Payload anzeigen .

Sie sehen nun ein Beispiel der erwarteten Payload. Ihr Ereignis verfügt über eine eindeutige eventID für die Orchestrierung, die Sie finden können, indem Sie in dieser Payload nach unten scrollen, bis Sie _experience.campaign.orchestration.eventID sehen.

Die Ereignis-ID muss an Adobe Journey Optimizer gesendet werden, um die Journey Trigger, die Sie im nächsten Schritt erstellen werden. Notieren Sie sich diese eventID, da Sie sie in einem der nächsten Schritte benötigen werden.
"eventID": "d168c11ce1b5bb96fc793421fbcc3ec54b3116fa13242b05d9a54b1251ecb94e"

Klicken Sie auf OK, gefolgt von Abbrechen.

Ihr Ereignis ist jetzt konfiguriert und kann verwendet werden.

23.3.3 Journey erstellen

Gehen Sie im Menü zu Journey und klicken Sie auf Journey erstellen.

Dann wirst du das sehen.

Benennen Sie Ihre Journey. Verwenden Sie ldap - Order Confirmation Journey und ersetzen Sie ldap durch Ihren ldap. Klicken Sie auf OK.

Zunächst müssen Sie Ihr Ereignis als Ausgangspunkt Ihrer Journey hinzufügen. Suchen Sie nach Ihrem Ereignis ldapPurchaseEvent und ziehen Sie es auf die Arbeitsfläche. Klicken Sie auf OK.

Suchen Sie anschließend unter Aktionen nach der Aktion Nachricht .

Ziehen Sie die Aktion Message auf die Arbeitsfläche und klicken Sie auf das Symbol Bearbeiten , um Ihre Nachricht auszuwählen.

Wählen Sie die Nachricht aus, die Sie im vorherigen Schritt erstellt haben: ldap - Bestellbestätigungs-E-Mail. Klicken Sie auf Auswählen.

Dann haben Sie das. Klicken Sie auf OK.

Suchen Sie nach dem Orchestrierungstyp Ende und ziehen Sie ihn auf die Arbeitsfläche. Klicken Sie auf OK.

Klicken Sie auf Publish , um Journey zu veröffentlichen.

Klicken Sie erneut auf Publish .

Gehen Sie zurück zur Übersicht der Journey.

Ihre Journey ist jetzt veröffentlicht. Bevor Sie die Journey verwenden können, müssen Sie die Konfiguration Ihrer Auftragsbestätigungs-E-Mail-Nachricht abschließen. Dazu müssen Sie jetzt den Kontext dieser Journey Ihrer Nachricht bereitstellen.

23.3.4 Journey-Kontext in E-Mail-Nachricht verwenden

Öffnen Sie in der Übersicht Journey erneut die ldap - Order Confirmation Journey .

Wählen Sie die Aktion Message erneut aus. Bewegen Sie den Mauszeiger über das Feld Message und diese Option wird angezeigt. Klicken Sie auf Öffnen Sie die Nachricht.

Sie werden dann hierhin umgeleitet. Klicken Sie auf Ändern.

Klicken Sie auf Bestätigen.

Klicken Sie auf Email Designer.

Sie sind dann wieder in Email Designer.

Wechseln Sie zu Inhaltskomponenten und ziehen Sie eine HTML-Komponente in die sechste Zeile. Klicken Sie auf die HTML-Komponente und dann auf Quellcode anzeigen.

Fügen Sie im Popup HTML bearbeiten diesen HTML-Code ein:

{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

Dann haben Sie Folgendes:

Sie müssen xxx jetzt durch einen Verweis auf das productListItems-Objekt ersetzen, das Teil des Ereignisses ist, das die Journey Trigger.

Löschen Sie zunächst xxx in Ihren HTML-Code.

Öffnen Sie das Dropdown-Menü Profil. Wählen Sie in dieser Dropdown-Liste Kontext aus. Dieser Kontext wird von der Journey an die Nachricht übergeben.

Dann wirst du das sehen. Klicken Sie auf den Pfeil neben Journey Orchestration, um einen tieferen Drilldown durchzuführen.

Klicken Sie auf den Pfeil neben Ereignisse, um einen tieferen Drilldown durchzuführen.

Klicken Sie auf den Pfeil neben ldapPurchaseEvent, um einen tieferen Drilldown durchzuführen.

Klicken Sie auf das Symbol + neben productListItems, um es zum HTML-Code hinzuzufügen.

Dann wirst du das haben. Sie müssen nun die ticks um die Ereignis-ID entfernen.

Dann wirst du das haben. Klicken Sie auf Speichern.

Jetzt sind Sie wieder in Email Designer. Klicken Sie auf Speichern , um den Fortschritt zu speichern.

Navigieren Sie anschließend zu Inhaltskomponenten und ziehen Sie eine HTML-Komponente in die siebte Zeile. Klicken Sie auf die HTML-Komponente und dann auf Quellcode anzeigen.

Fügen Sie im Popup HTML bearbeiten diesen HTML-Code ein:

<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>

In diesem HTML-Code gibt es 2 Verweise auf xxx. Sie müssen nun jedes xxx durch einen Verweis auf das productListItems-Objekt ersetzen, das Teil des Ereignisses ist, das die Journey Trigger.

Löschen Sie zunächst xxx in Ihrem HTML-Code in Zeile 10.

Navigieren Sie zu Kontext.

Klicken Sie auf den Pfeil neben Journey Orchestration, um einen tieferen Drilldown durchzuführen.

Vergrößern Sie den Detaillierungsgrad des Objekts ldapPurchaseEvent. Klicken Sie auf den Pfeil neben Commerce, um einen tieferen Drilldown durchzuführen.

Klicken Sie auf den Pfeil neben Order, um einen tieferen Drilldown durchzuführen.

Klicken Sie auf das Symbol + neben Price Total , um diese der Arbeitsfläche hinzuzufügen.

Löschen Sie xxx in den HTML-Code in Zeile 23.

Klicken Sie erneut auf das Symbol + neben Price Total , um es der Arbeitsfläche hinzuzufügen.

Sie können auch das Feld Währung aus dem Objekt Bestellung auf der Arbeitsfläche hinzufügen, wie Sie hier sehen können:

Wenn Sie fertig sind, klicken Sie auf Speichern, um Ihre Änderungen zu speichern.

Sie sind dann wieder in Email Designer. Klicken Sie erneut auf Speichern .

Gehen Sie zum Nachrichten-Dashboard zurück, indem Sie in der oberen linken Ecke auf den Pfeil Pfeil neben dem Betreffzeilentext klicken.

Daraufhin sehen Sie Folgendes:

Klicken Sie zweimal auf Publish , um Ihre Nachricht zu veröffentlichen, damit Sie sie in einer Journey verwenden können.

Nachdem Sie eine Änderung an der E-Mail-Nachricht vorgenommen haben, müssen Sie die Journey erneut veröffentlichen, damit die neuen Felder und Änderungen übernommen werden.

Gehen Sie dazu zu Journey. Klicken Sie auf , um Ihre Journey ldap - Bestellbestätigungs-Journey zu öffnen.

Klicken Sie auf das Dropdown-Menü neben Duplizieren und wählen Sie Neue Version erstellen aus.

Klicken Sie erneut auf Neue Version erstellen.

Sie haben dann eine neue Version Ihrer Journey. Klicken Sie zweimal auf Veröffentlichen .

Ihre Journey ist jetzt veröffentlicht und kann ausgelöst werden. Bevor Sie jedoch Trigger vornehmen können, müssen Sie das Datenelement in Ihrer Adobe Experience Platform-Datenerfassungs-Client-Eigenschaft aktualisieren.

23.3.5 Adobe Experience Platform-Datenerfassungs-Client-Eigenschaft aktualisieren

Gehen Sie zu https://experience.adobe.com/#/data-collection/. Vergewissern Sie sich im linken Menü, dass Sie sich in Client befinden. Suchen Sie nach Ihren Client-Eigenschaften und öffnen Sie die Eigenschaft für Web.

Navigieren Sie zu Datenelemente. Suchen und öffnen Sie das Datenelement rulePurchaseConfirmation.

Dann wirst du das sehen. Navigieren Sie zum Feld _experience.campaign.orchestration.eventID und füllen Sie hier Ihre eventID aus. Die hier auszufüllende eventID ist die eventID, die Sie im Rahmen von Übung 23.3.2 erstellt haben.

Speichern Sie Ihre Änderungen in Ihrer Client-Eigenschaft und veröffentlichen Sie dann Ihre Änderungen, indem Sie Ihre Entwicklungsbibliothek aktualisieren.

Ihre Änderungen sind jetzt bereitgestellt und können getestet werden.

23.3.6 Testen Sie Ihre Bestätigungs-E-Mail mit der Demo-Website.

Testen wir die aktualisierte Journey, indem wir ein Produkt auf der Demowebsite kaufen.

Öffnen Sie ein neues, sauberes Inkognito-Browser-Fenster und gehen Sie zu https://public.aepdemo.net.

Dann wirst du das sehen.

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

Scrollen Sie nach unten und klicken Sie auf Konfiguration speichern.

Sie werden dann zur Admin-Homepage weitergeleitet. Gehen Sie zu Wählen Sie LDAP. Wählen Sie Ihren LDAP aus und klicken Sie auf Save.

Sie werden dann zur Admin-Homepage weitergeleitet. Gehen Sie zu Wählen Sie Marke und wählen Sie die Marke Luma aus. Klicken Sie auf Speichern.

Sie werden dann zur Admin-Homepage weitergeleitet. Klicken Sie auf das Logo Luma.

Dann sehen Sie die Startseite von Luma.

Gehen Sie zu Anmelden/Registrieren. Füllen Sie das Formular aus und klicken Sie auf Konto erstellen. Vergessen Sie nicht, das Kontrollkästchen für Testprofil zu aktivieren.

Innerhalb weniger Sekunden erhalten Sie die neue E-Mail zur Kontoerstellung, die von Journey Optimizer in Ihrem Posteingang bereitgestellt wird, wie Sie in der vorherigen Übung konfiguriert haben.

Gehen Sie zurück zur Homepage der Demo-Website und klicken Sie auf ein beliebiges Produkt.

Daraufhin wird die Produktdetailseite angezeigt. Klicken Sie auf Zum Warenkorb hinzufügen.

Geh in den Warenkorb.

Wählen Sie Ihren Zahlungstyp und die Versandvoreinstellung und klicken Sie dann auf Kauf.

Sie erhalten dann Ihre Bestätigungs-E-Mail innerhalb von Sekunden.

Du hast diese Übung beendet.

Nächster Schritt: 23.4 Eine Batch-basierte Newsletter-Journey konfigurieren

Zurück zu Modul 23

Zu allen Modulen zurückkehren