3.5.2 Erstellen einer Kampagne

Navigieren Sie zu https://experience.adobe.com/. Auf Journey Optimizer.

Sie werden zur Ansicht Startseite in Journey Optimizer weitergeleitet. Stellen Sie zunächst sicher, dass Sie die richtige Sandbox verwenden. Die zu verwendende Sandbox heißt --aepSandboxName--.

3.5.2.1 Erstellen des Header-Fragments

Klicken Sie im linken Menü auf Fragmente. Ein Fragment ist eine wiederverwendbare Komponente in Journey Optimizer, die Duplizierungen vermeidet und zukünftige Änderungen erleichtert, die sich auf alle Nachrichten auswirken sollten, z. B. Änderungen an einer Kopf- oder Fußzeile in einer E-Mail-Nachricht.

Klicken Sie Fragment erstellen.

Geben Sie den --aepUserLdap-- - CitiSignal - Header ein und wählen Sie Typ: Visuelles Fragment. Klicken Sie auf Erstellen.

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

Ziehen Sie per Drag-and-Drop eine 1:1 Spalte aus dem Menü auf die Arbeitsfläche. Dies ist der Platzhalter für das Logo-Bild.

Als Nächstes können Sie Inhaltskomponenten verwenden, um Inhalte in diesen Blöcken hinzuzufügen. Ziehen Sie eine Bild-Komponente per Drag-and-Drop in die erste Zelle in der ersten Zeile. Klicken Sie auf Durchsuchen.

Anschließend wird ein Popup geöffnet, in dem Ihre AEM Assets Media Library angezeigt wird. Gehen Sie zum Ordner citi-signal-images, klicken Sie auf das Bild CitiSignal-Logo-White.png und klicken Sie auf Auswählen.

Sie werden es dann sehen. Ihr Bild ist weiß und wird noch nicht angezeigt. Sie sollten jetzt eine Hintergrundfarbe definieren, damit das Bild korrekt angezeigt wird. Klicken Sie Stile und dann auf das Feld Hintergrundfarbe.

Ändern Sie im Popup den Hex-Farbcode in #8821F4 und ändern Sie dann den Fokus, indem Sie in das Feld 100% klicken. Anschließend sehen Sie die neue Farbe, die auf das Bild angewendet wurde.

Das Bild ist im Moment auch etwas zu groß. Ändern wir die Breite, indem wir den Umschalter Breite auf 40 % verschieben.

Ihr Header-Fragment ist jetzt bereit. Klicken Sie Speichern und anschließend auf den Pfeil, um zum vorherigen Bildschirm zurückzukehren.

Das Fragment muss veröffentlicht werden, bevor es verwendet werden kann. Klicken Sie auf Veröffentlichen.

Nach einigen Minuten sehen Sie, dass der Status Ihres Fragments in „Live geändert.
Als Nächstes sollten Sie ein neues Fragment für die Fußzeile Ihrer E-Mail-Nachrichten erstellen. Klicken Sie Fragment erstellen.

3.5.2.2 Erstellen des Fragments Fußzeile

Klicken Sie Fragment erstellen.

Geben Sie den --aepUserLdap-- - CitiSignal - Footer ein und wählen Sie Typ: Visuelles Fragment. Klicken Sie auf Erstellen.

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

Ziehen Sie per Drag-and-Drop eine 1:1 Spalte aus dem Menü auf die Arbeitsfläche. Dies ist der Platzhalter für den Inhalt der Fußzeile.

Als Nächstes können Sie Inhaltskomponenten verwenden, um Inhalte in diesen Blöcken hinzuzufügen. Ziehen Sie eine HTML-Komponente per Drag-and-Drop in die erste Zelle der ersten Zeile. Klicken Sie auf die Komponente, um sie auszuwählen, und klicken Sie dann auf das </>, um den HTML-Quell-Code zu bearbeiten.

Sie werden es dann sehen.

Kopieren Sie das folgende HTML-Codefragment und fügen Sie es in das Fenster HTML bearbeiten in Journey Optimizer ein.

<!--[if mso]><table cellpadding="0" cellspacing="0" border="0" width="100%"><tr><td style="text-align: center;" ><![endif]-->
<table style="width: auto; display: inline-block;">
  <tbody>
    <tr class="component-social-container">
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.facebook.com" data-component-social-icon-id="facebook">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://x.com" data-component-social-icon-id="twitter">

        </a>
      </td>
      <td style="padding: 5px">
        <a style="text-decoration: none;" href="https://www.instagram.com" data-component-social-icon-id="instagram">

        </a>
      </td>
    </tr>
  </tbody>
</table>
<!--[if mso]></td></tr></table><![endif]-->

Dann hast du das hier. In den Zeilen 7, 12 und 17 müssen Sie jetzt eine Bilddatei einfügen, indem Sie die Assets in Ihrer AEM Assets-Bibliothek verwenden.

Vergewissern Sie sich, dass sich Ihr Cursor in Zeile 7 befindet, und klicken Sie dann im Menü auf Assets. Klicken Sie Asset-Auswahl öffnen, um Ihr Bild auszuwählen.

Öffnen Sie den Ordner citi-signal-images und klicken Sie auf das Bild Icon_facebook.png. Klicken Sie auf Auswählen.

Stellen Sie sicher, dass sich der Cursor in Zeile 12 befindet, und klicken Sie dann auf Asset-Auswahl öffnen, um Ihr Bild auszuwählen.

Öffnen Sie den Ordner citi-signal-images und klicken Sie auf das Bild Icon_X.png. Klicken Sie auf Auswählen.

Stellen Sie sicher, dass sich der Cursor in Zeile 17 befindet, und klicken Sie dann auf Asset-Auswahl öffnen, um Ihr Bild auszuwählen.

Öffnen Sie den Ordner citi-signal-images und klicken Sie auf das Bild Icon_Instagram.png. Klicken Sie auf Auswählen.

Sie werden es dann sehen. Klicken Sie auf Speichern.

Sie werden dann wieder im Editor angezeigt. Ihre Symbole sind noch nicht sichtbar, da der Hintergrund und die Bilddateien alle weiß sind. Um die Hintergrundfarbe zu ändern, gehen Sie zu Stile und klicken Sie auf das Kontrollkästchen Hintergrundfarbe.

Ändern Sie den Hex-Farbcode in #000000.

Ändern Sie die Ausrichtung so, dass sie zentriert ist.

Fügen wir der Fußzeile einige andere Teile hinzu. Ziehen Sie eine image-Komponente über die soeben erstellte HTML-Komponente. Klicken Sie auf Durchsuchen.

Klicken Sie auf die CitiSignal_Footer_Logo.png Bilddatei, um sie auszuwählen, und klicken Sie auf Auswählen.

Wechseln Sie zu Stile und klicken Sie auf das Kontrollkästchen Hintergrundfarbe, ändern wir es wieder in Schwarz. Ändern Sie den Hex-Farbcode in #000000.

Ändern Sie die Breite in 20% und stellen Sie sicher, dass die Ausrichtung zentriert ist.

Ziehen Sie als Nächstes per Drag-and Drop eine Textkomponente“ unter die von Ihnen erstellte HTML-Komponente. Klicken Sie auf Durchsuchen.

Kopieren Sie den folgenden Text und fügen Sie ihn ein, indem Sie den Platzhaltertext ersetzen.

1234 N. South Street, Anywhere, US 12345

Unsubscribe

©2024 CitiSignal, Inc and its affiliates. All rights reserved.

Legen Sie die Textausrichtung auf Zentriert fest.

Ändern Sie die Schriftfarbe in Weiß, #FFFFFF.

Ändern Sie die Hintergrundfarbe in Schwarz, #000000.

Wählen Sie den Text Abmelden in der Fußzeile aus und klicken Sie auf das Link-Symbol in der Menüleiste. Legen Sie Typ auf Externes Opt-out/Abmeldung und die URL auf https://aepdemo.net/unsubscribe.html fest (es ist nicht zulässig, eine leere URL für den Abmelde-Link zu haben).

Dann hast du das hier. Ihre Fußzeile ist jetzt bereit. Klicken Sie Speichern und anschließend auf den Pfeil, um zur vorherigen Seite zurückzukehren.

Klicken Sie Veröffentlichen, um Ihre Fußzeile zu veröffentlichen, damit sie in einer E-Mail verwendet werden kann.

Nach einigen Minuten sehen Sie, dass der Status Ihrer Fußzeile auf „Live geändert.

3.5.2.3 Erstellen einer Fibre-Channel-Kampagne

Im Folgenden erstellen Sie eine Kampagne. Im Gegensatz zum ereignisbasierten Journey der vorherigen Übung, das auf eingehenden Erlebnisereignissen oder Zielgruppeneintritten oder -austritten beruht, um eine Journey für einen bestimmten Kunden Trigger, richten sich Kampagnen mit einzigartigen Inhalten wie Newslettern, einmaligen Werbeaktionen oder allgemeinen Informationen oder regelmäßig mit ähnlichen Inhalten, die regelmäßig gesendet werden, wie z. B. Geburtstagskampagnen und Erinnerungen.

Gehen Sie im Menü zu Kampagnen und klicken Sie auf Kampagne erstellen.

Wählen Sie Geplant - Marketing und klicken Sie auf Erstellen.

Konfigurieren Sie im Bildschirm zur Kampagnenerstellung Folgendes:

Scrollen Sie nach unten zu Aktion. Wählen Sie für Aktion die Option E-Mail.

Wählen Sie dann eine vorhandene E-Mail-Konfiguration. Sie werden den Inhalt in einigen Minuten bearbeiten.

Scrollen Sie nach oben zu Zielgruppe. Klicken Sie Zielgruppe auswählen.

Wählen Sie für Zielgruppe die Zielgruppe aus, die Sie in 1.3.3 Erstellen einer Federated Composition erstellt haben, die --aepUserLdap-- - CitiSignal Eligible for Fiber heißt. Klicken Sie auf Speichern.

Scrollen Sie nach unten zu Zeitplan. Wählen Sie für Zeitplan die Option An einem bestimmten Datum und zu Uhrzeit“ und legen Sie eine Uhrzeit der Wahl fest.

Sie können jetzt mit der Erstellung der E-Mail-Nachricht beginnen. Scrollen Sie nach oben und klicken Sie auf Inhalt bearbeiten.

Sie werden es dann sehen. Verwenden Sie für Betreffzeile Folgendes:

{{profile.person.name.firstName}}, here's your Fiber offer!

Klicken Sie anschließend auf E-Mail-Textkörper bearbeiten.

Wählen Sie Von Grund auf gestalten.

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

Ziehen Sie per Drag-and-Drop viermal pro 1:1 auf die Arbeitsfläche, was Ihnen diese Struktur geben sollte:

Navigieren Sie im linken Menü zu Fragmente. Ziehen Sie die zuvor erstellte Kopfzeile auf die erste Komponente auf der Arbeitsfläche. Ziehen Sie die zuvor erstellte Fußzeile auf die letzte Komponente auf der Arbeitsfläche.

Klicken Sie im linken Menü auf das Symbol + . Navigieren Sie zu Inhalte, um Inhalte zur Arbeitsfläche hinzuzufügen.

Ziehen Sie eine Text-Komponente per Drag-and-Drop auf die zweite Zeile.

Wählen Sie den Standardtext in dieser Komponente aus Geben Sie hier Ihren Text ein. und durch den unten stehenden Text ersetzen. Ändern Sie die Ausrichtung in Ausrichtung zentrieren.

Hi {{profile.person.name.firstName}}

As a CitiSignal customer, you're in pole position to discover our new Fiber offering. Have a look at the below offer and update your contract!

Stay connected.

Ziehen Sie eine Komponente Bild per Drag-and-Drop in die dritte Zeile. Klicken Sie auf Durchsuchen.

Wählen Sie das AEM Assets-Repository aus, das Sie als Teil der vorherigen Module erstellt haben. Dieses Repository sollte --aepUserLdap-- - Citi Signal dev benannt werden. Klicken Sie, um die --aepUserLdap-- - Workfront Assets zu öffnen.

Klicken Sie auf das Bild 2048x2048_buynow.png, und klicken Sie auf Auswählen.

Ihre Standard-Newsletter-E-Mail ist jetzt bereit. Klicken Sie auf Speichern.

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

Klicken Sie auf Zum Aktivieren überprüfen.

Sie erhalten dann möglicherweise diesen Fehler. In diesem Fall müssen Sie möglicherweise bis zu 24 Stunden warten, bis die Zielgruppe ausgewertet wurde, und dann erneut versuchen, Ihre Kampagne zu aktivieren. Möglicherweise müssen Sie auch den Zeitplan Ihrer Kampagne aktualisieren, damit sie zu einem späteren Zeitpunkt ausgeführt wird.

Klicken Sie Aktivieren.

Nach der Aktivierung wird die Ausführung der Kampagne geplant.

Du hast diese Übung beendet.

Nächste Schritte

Wechseln Sie zu 3.5.3 Hinzufügen von Sprachen zu Ihrer E-Mail

Zurück zu Adobe Journey Optimizer: Übersetzungs-Services

Zurück zu Alle Module