23.1 Einführung in Adobe Journey Optimizer: E-Mail-Nachricht erstellen

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.

Oben auf der Startseite werden die zuletzt bearbeiteten Objekte angezeigt, sodass Sie schnell zu einem bestimmten zurückkehren können.

Auf der linken Seite finden Sie das Navigationsmenü, das Sie zu verschiedenen Orten in Journey Optimizer führt.

• Startseite: Die Seite, auf der Sie sich derzeit befinden.
• Journey: Überblick über bestehende Journey, neue Journey erstellen
• Nachrichten: Übersicht über existierende Nachrichten (E-Mail, Push, …), Erstellung neuer Nachrichten und Übersicht über die Nachrichtenausführung in den letzten 24 Stunden.
• Assets: Leitet Sie an Adobe Experience Manager Assets Essentials weiter, wo Dateien wie Bilder hochgeladen werden können, um sie in Nachrichten zu verwenden.
• Segmente: Zugriff und Erstellung von Segmenten.
• Datensätze und Schemas: Bietet eine Übersicht über alle Schemas und Datensätze.
• Konfigurationen: Verwalten Sie benutzerdefinierte Ereignisse, externe Datenquellen und Aktionen, die in den Journey verwendet werden sollen.

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 Benennungskonvention ldap - Registration Email und ersetzen Sie ldap durch Ihre eigene LDAP, wählen Sie die CJM Alpha Preset aus und aktivieren Sie den Kanal Email.

Klicken Sie auf die Schaltfläche Erstellen , um Ihre Registrierungs-E-Mail-Nachricht zu erstellen.

Im nächsten Bildschirm sehen Sie das Nachrichten-Dashboard. Dort können Sie die E-Mail-Miniaturansicht sehen, sobald der Inhalt bereitgestellt wird.

Auf der rechten Seite befinden sich die E-Mail-Eigenschaften:

• Aus E-Mail: die E-Mail-Adresse, von der der Empfänger eine E-Mail-Nachricht erhält. Beachten Sie, dass dieser Wert durch die im vorherigen Schritt angegebene Vorgabe angegeben wird und schreibgeschützt ist.
• Aus Name: den Absendernamen, von dem der Empfänger eine E-Mail-Nachricht erhält. Beachten Sie, dass dieser Wert durch die im vorherigen Schritt angegebene Vorgabe angegeben wird und schreibgeschützt ist.
• Betreffzeile: den obligatorischen Betreff der Nachricht, der im nächsten Schritt bearbeitet werden soll.
• Hauptteil: Über eine Schaltfläche gelangen Sie zu Email Designer, um den E-Mail-Inhalt zu erstellen und zu bearbeiten.
• Optionale Funktionen: Mit diesen beiden Kontrollkästchen können Sie das Tracking der Öffnungen der E-Mail und der Klicks der E-Mail deaktivieren und so verhindern, dass die Nachricht Metriken wie Öffnungsrate, Clickthrough-Rate usw. misst.

Stellen Sie zunächst 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 Hi

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 das Element Person zu suchen, und klicken Sie auf den Pfeil, um eine Ebene tiefer zu gehen.

Suchen Sie nun das Element Vollständiger Name und klicken Sie auf den Pfeil, um eine Ebene tiefer zu gehen.

Suchen Sie abschließend das Feld Vorname und klicken Sie auf das Symbol + daneben. Daraufhin wird das Personalisierungstoken im Textfeld angezeigt.

Als Nächstes fügen Sie den Text , danke für die Anmeldung!. Klicken Sie auf Speichern.

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

Im nächsten Bildschirm werden Sie mit 3 verschiedenen Methoden aufgefordert, den Inhalt der E-Mail bereitzustellen:

• Design von Grund auf: Beginnen Sie mit einer leeren Arbeitsfläche und verwenden Sie den WYSIWYG-Editor, um Struktur- und Inhaltskomponenten per Drag-and-Drop zu verschieben, um den Inhalt der E-Mail visuell zu erstellen.
• Code Ihres eigenen: Erstellen Sie Ihre eigene E-Mail-Vorlage durch die HTML-Kodierung
• HTML importieren: Importieren Sie eine vorhandene HTML-Vorlage, die Sie bearbeiten können.

Klicken Sie 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:2-Spalte Left aus dem Menü in die Arbeitsfläche. Dies ist der Platzhalter für das Logo-Bild.

Ziehen Sie eine 1:1-Spalte unter die vorherige Komponente. Dies ist der Bannerblock.

Ziehen Sie eine 1:2-Spalte links unter die vorherige Komponente. Dies ist der eigentliche Inhalt mit einem Bild auf der linken Seite und Text auf der rechten Seite.

Als Nächstes ziehen Sie eine 1:1-Spalte unter die vorherige Komponente. Dies ist die Fußzeile der E-Mail. Ihre Arbeitsfläche sollte jetzt wie folgt aussehen:

Verwenden wir nun Inhaltskomponenten, um Inhalte in diesen Bausteinen hinzuzufügen. Klicken Sie auf das Menüelement Inhaltskomponenten

Ziehen Sie eine HTML-Komponente in die erste Zelle der ersten Zeile und legen Sie sie ab.

Klicken Sie auf die HTML-Komponente und dann auf Quellcode anzeigen.

Daraufhin sehen Sie Folgendes:

Fügen Sie diesen Code dort ein: <img src="{%= %}" width="100px%">.

Setzen Sie dann den Cursor wie im Screenshot angegeben:

Navigieren Sie anschließend zum Feld --aepTenantId--.demoEnvironment.brandLogo. Klicken Sie auf das Symbol + , um das Personalisierungstoken einzufügen. Klicken Sie anschließend auf Save.

Sie haben diese HTML-Komponente jetzt so konfiguriert, dass sie die Bild-URL aus einem Feld im Echtzeit-Kundenprofil von Adobe Experience Platform dynamisch übernimmt.

Sie sind jetzt wieder hier:

Wechseln Sie zu Inhaltskomponenten und ziehen Sie eine Bild-Komponente in die erste Zelle der ersten Zeile.

Klicken Sie auf Durchsuchen.

*

Doppelklicken Sie im Popup Assets auf den Ordner module-23 . In diesem Ordner finden Sie alle Assets, die zuvor vom Kreativteam vorbereitet und hochgeladen wurden.

Wählen Sie module23-thankyou-new.png und klicken Sie auf Select.

Dann haben Sie Folgendes:

Wählen Sie Ihr Bild aus und scrollen Sie im rechten Menü nach unten, bis die Komponente Size Breitenregler angezeigt wird.

Verwenden Sie den Schieberegler, um die Breite auf "f.i."zu ändern. 60%.

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

Daraufhin sehen Sie Folgendes:

Wählen Sie den Standardtext Bitte geben Sie hier Ihren Text ein. wie bei jedem Texteditor. Schreiben Sie stattdessen Lieber . Beachten Sie, dass die Text-Symbolleiste angezeigt wird, wenn Sie sich im Textmodus befinden.

Klicken Sie in der Symbolleiste auf das Symbol Personalisierung hinzufügen .

Als Nächstes müssen Sie das Personalisierungstoken Vorname mitbringen, das unter profile.person.name.firstName gespeichert ist. Suchen Sie im Menü das Element Person, führen Sie einen Drilldown zum Element Vollständiger Name durch und klicken Sie dann auf das Symbol +, um das Feld Vorname zum Ausdruckseditor hinzuzufügen.

Klicken Sie auf Speichern.

Sie werden jetzt feststellen, wie Ihrem Text das Personalisierungsfeld hinzugefügt wurde.

Tippen Sie im selben Textfeld zweimal auf Eingabetaste, um zwei Zeilen hinzuzufügen und Vielen Dank, dass Sie sich für angemeldet haben.

Klicken Sie erneut auf Personalisierung hinzufügen.

Als Nächstes müssen Sie das Personalisierungstoken Markenname einfügen, das unter --aepTenantId--.demoEnvironment.brandName gespeichert ist. Suchen Sie in der linken Liste das Element --aepTenantId-- und klicken Sie auf den Pfeil, um eine Ebene tiefer zu gehen.

Suchen Sie als Nächstes das Element demoEnvironment und klicken Sie auf den Pfeil, um eine Ebene tiefer zu gehen.

Suchen Sie abschließend das Feld brandName und klicken Sie auf das Symbol + daneben. Daraufhin wird das Personalisierungstoken im Textfeld angezeigt. Klicken Sie auf Speichern.

Sie werden jetzt feststellen, wie Ihrem Text das Personalisierungsfeld hinzugefügt wurde.

Gehen Sie im linken Menü zurück zu Strukturkomponenten.

Ziehen Sie eine 1:1-Spalte unter die vorherige Komponente. Dies ist der Bannerblock.

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

Ersetzen Sie den Standardtext durch Nicht mehr interessiert? Melden Sie sich sofort ab.

Wählen Sie nun das Wort Unsubscribe aus und klicken Sie auf das Symbol Link in der Symbolleiste einfügen .

Wählen Sie im Dropdown-Menü Link-Typ die Option Abmelde-Link aus und fügen Sie die folgende URL in das Textfeld URL der Abmeldeseite https://www.optout.adobe.com ein. Klicken Sie auf Speichern.

Die Bestätigungs-E-Mail zur Registrierung enthält jetzt Inhalte. Aus Gründen der Zustellbarkeit (Best Practices rund um den E-Mail-Versand, um sicherzustellen, dass sie im Postfach des Empfängers und nicht im Spam-Ordner landen) ist es auch wichtig, dass diese E-Mail über eine Textversion verfügt.

Klicken Sie oben in Email Designer auf die Schaltfläche Klartext , um zu sehen, wie Journey Optimizer den HTML-Code automatisch mit der Textversion synchronisiert hat, sodass Sie den Text nicht mehr einmal schreiben müssen.

Die letzte Prüfung, die durchgeführt werden muss, um sicherzustellen, dass Ihre E-Mail bereit ist, besteht darin, sie in der Vorschau anzuzeigen, indem Sie auf die Schaltfläche Vorschau klicken.

Bestimmen Sie zunächst, welches Profil Sie für die Vorschau verwenden möchten. Wählen Sie den Namespace email aus, indem Sie auf das Symbol neben dem Feld Identitäts-Namespace klicken.

Wählen Sie in der Liste der Identitäts-Namespaces den Namespace Email aus. Klicken Sie auf Auswählen.

Geben Sie im Feld Identitätswert die E-Mail-Adresse eines früheren Demoprofils ein, das bereits im Echtzeit-Kundenprofil gespeichert ist. Beispiel: woutervangeluwe+31052021-10@gmail.com und klicken Sie auf die Schaltfläche Testprofil suchen .

Sobald Ihr Profil in der Tabelle angezeigt wird, klicken Sie auf den Tab Vorschau , um auf den Vorschaubildschirm zuzugreifen.

Wenn die Vorschau fertig ist, überprüfen Sie, ob die Personalisierung in der Betreffzeile korrekt ist. Der Text des Hauptteils sowie der Abmelde-Link werden als Hyperlink hervorgehoben.

Klicken Sie auf Schließen , um die Vorschau zu schließen.

Klicken Sie auf Speichern, um Ihre Nachricht zu speichern.

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

Sie haben nun den Entwurf Ihrer Registrierungs-E-Mail ausgefüllt. Klicken Sie auf Publish , um Ihre Nachricht zu veröffentlichen, damit Sie sie in einer Journey verwenden können.

Klicken Sie erneut auf Publish .

Warten Sie, bis unten im Bildschirm ein grünes Bestätigungs-Popup angezeigt wird, das angibt, dass die Nachricht veröffentlicht wurde.

Du hast diese Übung beendet.

Nächster Schritt: 23.2 Trigger-basierte Journey konfigurieren - Kontoerstellung

Zurück zu Modul 23

Zu allen Modulen zurückkehren

Business.Adobe.com - Ressourcen