Auf dieser Seite: Erfahren Sie, wie Sie in Dynamic Media aus Adobe Experience Manager, einschließlich Textüberlagerungen und Dynamic Media-Vorlagen, in Journey Optimizer-Inhalte einfügen, anpassen und personalisieren können.
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 Voreinstellung auchfmtoderbfcfestlegt, 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. -
Die Asset-Auswahl gibt standardmäßig ein
/images-basiertes URL-Format zurück. Wenn Sie ein Asset in dessen Originalformat bereitstellen möchten, z. B. GIF oder SVG, müssen Sie die URL manuell aktualisieren, um stattdessen den/content-Pfad zu verwenden. Weitere Informationen finden Sie in der Dokumentation zu Best Practices mit 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 (z. B. Höhe, Breite, Drehung, Spiegelung, Helligkeit, Farbton usw.) nach Bedarf an Ihre Asset-Anforderungen an.
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.
-
Wählen Sie aus, wie Sie Ihre Dynamic Media-Vorlage hinzufügen möchten:
-
Durchsuchen - Durchsuchen Sie Ihre AEM-Assets und wählen Sie die Dynamic Media-Vorlage aus, die Sie zu Ihren Inhalten hinzufügen möchten.
-
Aus PSD importieren - Ziehen Sie eine Photoshop-Datei (PSD) per Drag-and-Drop direkt in die Komponente. Adobe Journey Optimizer konvertiert die Datei automatisch in eine Dynamic Media-Vorlage und speichert sie in Dynamic Media.
note availability AVAILABILITY - Import aus PSD ist für eine Reihe von Kunden in begrenztem Umfang verfügbar. Wenden Sie sich an den Adobe-Support, um Zugriff zu erhalten.
- Für diese Funktion ist kein manueller Konvertierungsschritt oder ein Roundtrip durch Adobe Experience Manager erforderlich.
Bearbeiten Sie nach dem Import die Vorlage mit dem integrierten Dynamic Media-Editor - dasselbe Erlebnis wie für Adobe Express-Inhalte in der E-Mail-Designer.
-
-
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.
This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.
For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.
- TL;DR: This page explains how to insert, adjust, and personalize Adobe Experience Manager dynamic media in Journey Optimizer content, including text overlays, dynamic media templates, and countdown timers.
Intents:
- Insert an Adobe Experience Manager dynamic media asset into HTML content using the asset selector
- Adjust image parameters such as height, width, rotate, flip, brightness, and hue
- Personalize a dynamic media text overlay with different text per treatment or profile
- Add a dynamic media template using the Image component or HTML component
- Insert a countdown timer that updates in real time when recipients open the email
Glossary:
- Dynamic media: Adobe Experience Manager media renditions selected through the asset selector, where changes made in Adobe Experience Manager are instantly reflected in Journey Optimizer content (product-specific)
- Text overlay personalization: Replacing a dynamic media text overlay with new text, which can differ per treatment or profile (product-specific)
- Dynamic media template: A template added in Journey Optimizer that supports personalization fields, inserted via the Image or HTML component (product-specific)
- Countdown timer: A Dynamic Media component that updates in real time when recipients open the email, showing time remaining or a fallback message after the end date (product-specific)
- Layer parameter: The base element where overlay text is placed, required to update dynamic media text overlays (product-specific)
Guardrails:
- The dynamic media integration is only available for customers using Dynamic Media Manager as a Cloud Service.
- For Healthcare customers, the integration is enabled only upon licensing the Journey Optimizer Healthcare Shield and Adobe Experience Manager Extended Security for Healthcare add-on offerings.
- Text overlay personalization is available exclusively in Dynamic Media Scene7 mode; for Healthcare customers, since Scene7 mode is not accessible, content is rendered using a Journey Optimizer binary copy of the image.
- Dynamic media template is available exclusively in Dynamic Media Scene7 mode; for Healthcare customers, since Scene7 mode is not accessible, content will not be rendered.
- The Layer parameter is required to update your dynamic media text overlay.
- For countdown timers, the End time must be entered in GMT (Greenwich Mean Time) only; the system does not accept other time zones.
- For Dynamic Media Scene7 assets, Journey Optimizer adds default modifiers
bfc=off&fmt=png-alphaat the start of the URL; if the preset also setsfmtorbfc, it takes precedence because Scene7 uses the last occurrence of a repeated parameter.
Terminology:
- Canonical name: dynamic media — Acronym: n/a — variants: Adobe Experience Manager dynamic media, dynamic media renditions
- Synonyms: “Scene7 mode” = “Dynamic Media Scene7 mode”
- Do not confuse: “text overlay personalization” (replacing overlay text on a dynamic media asset) ≠ “dynamic media template” (a template with personalization fields inserted via the Image or HTML component)
FAQ:
- Q: Do I need to manually update assets changed in Adobe Experience Manager? — No; changes made to assets in Adobe Experience Manager are instantly reflected in Journey Optimizer content, so the most up-to-date versions are always in use.
- Q: Which customers can use the dynamic media integration? — Only customers using Dynamic Media Manager as a Cloud Service.
- Q: Why cannot Healthcare customers use text overlays or templates the same way? — Those features are exclusive to Scene7 mode, which is not accessible for Healthcare customers; text overlay content is rendered using a Journey Optimizer binary copy, and dynamic media templates will not be rendered.
- Q: What time zone does the countdown timer End time use? — GMT (Greenwich Mean Time) only; the system does not accept other time zones.
- Q: How do I deliver an asset in its original format such as GIF or SVG? — The asset selector returns a
/images-based URL, so you must manually update the URL to use the/contentpath instead.