Auf dieser Seite Erfahren Sie, wie Sie Adobe Experience Manager Dynamic Media, einschließlich Textüberlagerungen und Dynamic Media-Vorlagen, in Journey Optimizer-Inhalte einfügen, anpassen und personalisieren.
Erste Schritte mit Dynamic Media gs-aem-dynamic
Die Asset-Auswahl unterstützt nun Dynamic Media, sodass Sie genehmigte Dynamic Media-Ausgabedarstellungen in Journey Optimizer nahtlos auswählen und verwenden können. Änderungen an Assets in Adobe Experience Manager werden sofort in Ihren Journey Optimizer-Inhalten übernommen. Es werden also stets die aktuellen Versionen verwendet, ohne dass manuelle Aktualisierungen erforderlich sind.
Beachten Sie, dass diese Integration nur für Kundschaft verfügbar ist, die Dynamic Media Manager as a Cloud Service nutzt.
Weitere Informationen zu Dynamic Media in Adobe Experience Manager as a Cloud Service finden Sie in der Dokumentation zu Experience Manager.
Zu beachten
-
Dynamic Media mit OpenAPI muss in Adobe Experience Manager as a Cloud Service aktiviert sein. Weitere Informationen.
-
Die Dynamic Media-Integration mit Adobe Journey Optimizer ist sowohl für den Scene7-Modus von Dynamic Media als auch mit OpenAPI verfügbar.
-
Für Dynamic Media Scene7-Assets fügt Journey Optimizer am Anfang der URL Standardmodifikatoren (
bfc=off&fmt=png-alpha) hinzu. Wenn Ihre Vorgabe auchfmtoderbfcsetzt, hat sie Vorrang, da Scene7 das letzte Vorkommen eines wiederholten Parameters verwendet. Um unerwartete Ergebnisse zu vermeiden, entfernen Siefmt/bfcaus der Voreinstellung oder verschieben Sie sie vor die Standardmodifikatoren in der URL. -
Der Asset-Wähler gibt standardmäßig ein
/imagesURL-Format zurück. Wenn Sie ein Asset in seinem Originalformat bereitstellen möchten, z. B. GIF oder SVG, müssen Sie die URL manuell aktualisieren, um stattdessen den/contentzu verwenden. Weitere Informationen finden Sie in Dokumentation zu Best Practices für Dynamic Media.
Hinzufügen und Verwalten von Dynamic Media dynamic-media
Verbessern und optimieren Sie Ihre Inhalte für jeden Bildschirm oder Browser, indem Sie dynamische Medien aus Adobe Experience Manager as a Cloud Service direkt in Ihre Journey Optimizer-Inhalte einfügen. Anschließend können Sie bei Bedarf die Größe ändern, zuschneiden, Verbesserungen und andere Anpassungen vornehmen.
Gehen Sie wie folgt vor, um ein Adobe Experience Manager-Asset zu Ihrem HTML-Inhalt hinzuzufügen:
-
Ziehen Sie eine HTML-Komponente per Drag-and-Drop in Ihren Inhalt.
-
Wählen Sie Quell-Code anzeigen aus.
-
Navigieren Sie im Menü HTML bearbeiten zu Assets und klicken Sie dann auf Asset-Auswahl öffnen.
Alternativ können Sie die URL Ihres Assets kopieren und einfügen.
-
Durchsuchen Sie Ihre AEM-Assets und wählen Sie das Asset aus, das zu Ihren Inhalten hinzugefügt werden soll.
-
Passen Sie die Bildparameter an (z. B. Höhe, Breite, Drehen, Spiegeln, Helligkeit, Farbton usw.) nach Bedarf, um Ihre Asset-Anforderungen zu erfüllen.
Eine umfassende Liste der Bildparameter, die der URL hinzugefügt werden können, finden Sie in der Dokumentation zu Experience Manager.
-
Klicken Sie auf Speichern.
Ihr Inhalt enthält jetzt dynamische Medien. Alle Aktualisierungen, die Sie in Experience Manager vornehmen, werden automatisch in Journey Optimizer angezeigt.
Personalisieren von Textüberlagerungen text-overlay
Passen Sie dynamische Medien einfach an, indem Sie die vorhandene Textüberlagerung durch neuen Text Ihrer Wahl ersetzen, was nahtlose Aktualisierungen und Personalisierungen ermöglicht.
Beispielsweise können Sie mithilfe der Experimentierfunktion die vorhandene Textüberlagerung aktualisieren, indem Sie sie für jede Abwandlung durch anderen Text ersetzen und sicherstellen, dass sie beim Öffnen einer Nachricht für jedes Profil angepasst wird.
Gehen Sie wie folgt vor, um Ihre Textüberlagerung zu personalisieren:
-
Ziehen Sie eine HTML-Komponente per Drag-and-Drop in Ihren Inhalt.
-
Wählen Sie Quell-Code anzeigen aus.
-
Greifen Sie über das Menü HTML bearbeiten auf Assets und dann auf Asset-Auswahl öffnen zu.
Sie können Ihre Assets-URL auch einfach kopieren und einfügen.
-
Durchsuchen Sie Ihre AEM-Assets und wählen Sie das Asset aus, das zu Ihren Inhalten hinzugefügt werden soll.
-
Ersetzen Sie die Überlagerung durch den gewünschten Text.
-
Aktualisieren Sie die Bildparameter:
- Layer: Geben Sie das Basiselement ein, in dem der Text platziert wird.
- Size: Aktualisieren Sie die Größe des Textblocks.
- TextAttr: Passen Sie die Größe der Textschrift an.
- Pos: Legen Sie die Position des Textes im Bild.
note warning WARNING Der Parameter „Layer“ ist erforderlich, um die dynamischen Medien zu aktualisieren. 
-
Klicken Sie auf Speichern.
Ihr Inhalt enthält jetzt Ihre aktualisierte Textüberlagerung.
Hinzufügen und Verwalten der Dynamic Media-Vorlage dynamic-media-template
Fügen Sie ganz einfach Ihre Dynamic Media-Vorlage in Journey Optimizer hinzu und aktualisieren Sie Ihre Medieninhalte bei Bedarf. Sie können jetzt Personalisierungsfelder in Ihre Medien integrieren, sodass Sie in Journey Optimizer benutzerfreundlichere und ansprechendere Inhalte erstellen können.
Erfahren Sie mehr über Dynamic Media-Vorlagen.
Mit Bildkomponente image-component
Sie können Ihre dynamische Vorlage mithilfe der Bildkomponente direkt in Ihren Inhalt einfügen:
-
Öffnen Sie Ihre Kampagne oder Journey und greifen Sie auf Ihre Inhalte zu.
-
Ziehen Sie eine Bildkomponente per Drag-and-Drop in Ihr Layout.
Weitere Informationen zur Bildkomponente finden Sie auf dieser Seite.
-
Durchsuchen Sie Ihre AEM-Assets und wählen Sie die Dynamic Media-Vorlage aus, die zu Ihren Inhalten hinzugefügt werden soll.
-
Navigieren Sie zu den Bildeinstellungen, um auf die Parameter Ihrer Dynamic Media-Vorlage zuzugreifen.
Die verfügbaren Felder hängen von den Parametern ab, die während der Vorlagenerstellung in Adobe Experience Manager hinzugefügt wurden.
-
Füllen Sie die verschiedenen Felder aus und verwenden Sie den Personalisierungseditor, um personalisierte Inhalte hinzuzufügen. Sie können ein beliebiges Attribut verwenden, z. B. Profilname, Stadt oder andere relevante Details, um ein benutzerfreundlicheres Erlebnis zu schaffen.
Weitere Informationen zur Personalisierung finden Sie auf dieser Seite.
-
Bedingte Inhalte können auf die Dynamic Media-Komponente angewendet werden, um verschiedene Inhaltsvarianten zu generieren. Weitere Informationen
-
Klicken Sie auf Speichern.
Sobald Sie Ihre Tests durchgeführt und den Inhalt validiert haben, können Sie Ihre Nachricht an Ihre Zielgruppe senden.
Mit HTML-Komponente html-component
Sie können Ihre dynamische Vorlage mithilfe der HTML-Komponente direkt in Ihren Inhalt einfügen:
-
Öffnen Sie Ihre Kampagne oder Journey und greifen Sie auf Ihre Inhalte zu.
-
Ziehen Sie eine HTML-Komponente per Drag-and-Drop in Ihr Layout.
-
Wählen Sie Quell-Code anzeigen aus.
-
Greifen Sie über das Menü HTML bearbeiten auf Assets und dann auf Asset-Auswahl öffnen zu.
Sie können Ihre Assets-URL auch einfach kopieren und einfügen.
-
Passen Sie die Bildtextparameter nach Bedarf an Ihre Asset-Anforderungen an.
-
Klicken Sie auf Speichern.
Sobald Sie Ihre Tests durchgeführt und den Inhalt validiert haben, können Sie Ihre Nachricht an Ihre Zielgruppe senden.
Einfügen eines Countdown-Timers countdown
Drücken Sie Dringlichkeit aus und maximieren Sie Konversionen mit Countdown-Timern für Dynamic Media, die in Echtzeit aktualisiert werden, wenn Empfangende Ihre E-Mails öffnen. Diese Funktion ist ideal für Flash-Sales, zeitlich begrenzte Angebote und zeitkritische Werbeaktionen.
Beispiel: Sie sind Marketing-Fachkraft für eine Einzelhandelsmarke führen einen 48-Stunden-Flash-Sale durch. Mit einem Countdown-Timer in Ihren Werbe-E-Mails setzen Sie Folgendes um:
- Empfangende, die sofort öffnen, sehen „Noch 47 Stunden“
- Empfangende, die 24 Stunden später öffnen, sehen „Noch 23 Stunden“
- Empfangende, die nach dem Verkauf öffnen, sehen „Die Zeit ist abgelaufen“
Weitere Informationen zum Hinzufügen von Countdown-Timern zu Ihrer Dynamic Media-Vorlage in Adobe Experience Manager finden Sie in diesem Dokument.
-
Erstellen Sie in Adobe Experience Manager eine Dynamic Media-Vorlage und fügen Sie ihr eine Countdown-Timer-Komponente hinzu.
-
Erstellen Sie in Journey Optimizer eine neue Kampagne oder öffnen Sie eine bestehende und rufen Sie dann den E-Mail-Designer auf.
-
Ziehen Sie eine HTML- oder Asset-Komponente per Drag-and-Drop in Ihren E-Mail-Inhalt.
-
Bewegen Sie den Mauszeiger über die Komponente und klicken Sie auf Quell-Code anzeigen (für HTML-Komponenten) oder Durchsuchen (für Asset-Komponenten).
-
Navigieren Sie im Menü HTML bearbeiten zu Assets und klicken Sie dann auf Asset-Auswahl öffnen, um nach Ihrer veröffentlichten Dynamic Media-Vorlage zu suchen und sie zu öffnen.
-
Aktivieren Sie das Pillenerlebnis, indem Sie „Pillen“ auf „Ein“ umschalten. Dies verbessert die Lesbarkeit, indem lange Attributpfade ausgeblendet werden.
-
Konfigurieren Sie im Menü Benutzerdefinierte Attribute alle anpassbaren URL-Parameter, die für Ihre Vorlage erforderlich sind.
Klicken Sie abschließend auf Speichern.
-
Alternativ können Sie auch auf die Parameter der Dynamic Media-Vorlage zugreifen, indem Sie das Asset im E-Mail-Designer auswählen und dann das Menü Einstellungen aufrufen.
Konfigurieren Sie Folgendes:
- Bannertext: Der mit dem Timer angezeigte Text
- Endzeit: Datum und Uhrzeit, zu der der Countdown abläuft. Geben Sie die Uhrzeit nur in GMT (Greenwich Mean Time) ein. Das System akzeptiert keine anderen Zeitzonen.
- Fallback-Text: Die Nachricht, die nach dem Ende des Timers angezeigt wird
-
Klicken Sie auf Vorschau, um den Timer mit Echtzeit-Countdown-Updates anzuzeigen und Ihre Konfiguration zu prüfen.
Wenn Empfangende die E-Mail öffnen, sehen sie die exakte verbleibende Zeit für Ihren Flash-Verkauf. Wird die E-Mail zu einem späteren Zeitpunkt erneut geöffnet, wird der Countdown automatisch mit der aktuell verbleibenden Zeit aktualisiert. Nach dem Enddatum wird automatisch die Standardmeldung angezeigt.
Anleitungsvideo video
Erfahren Sie, wie Sie Adobe Experience Manager Dynamic Media mit Adobe Journey Optimizer integrieren, um eine Aktualisierung und Personalisierung von Inhalten in Echtzeit zu ermöglichen.
In diesem Tutorial wird beschrieben, wie Sie Bilder direkt in AJO ändern, im HTML-Modus Textüberlagerungen hinzufügen, Dynamic Media-Vorlagen in AEM zur Hyperpersonalisierung erstellen und Kampagnen personalisieren, indem Sie Inhalte auf verschiedene Zielgruppensegmente zuschneiden. Diese Integration ermöglicht es Marketing-Fachleuten, ansprechende und personalisierte Kampagnen effizient zu erstellen, ohne zwischen Anwendungen wechseln zu müssen.