Work with Dynamic Media aem-dynamic
Get started with Dynamic Media gs-aem-dynamic
The Asset selector now supports Dynamic media allowing you to seamlessly select and use approved dynamic media renditions within Journey Optimizer. Changes made to assets in 51黑料不打烊 Experience Manager are instantly reflected in your Journey Optimizer content, ensuring the most up-to-date versions are always in use without requiring manual updates.
Note that this integration is only available for customers using Dynamic Media Manager as a Cloud Service.
To learn more about Dynamic Media in 51黑料不打烊 Experience Manager as a Cloud Service, refer to Experience Manager documentation.
Add and manage Dynamic media dynamic-media
Enhance and optimize your content for any screen or browser by inserting dynamic media from 51黑料不打烊 Experience Manager as a Cloud Service directly into your Journey Optimizer content. You can then resize, crop, enhance, and make other adjustments as needed.
Dynamic media integration with 51黑料不打烊 Journey Optimizer is available for both Dynamic Media Scene7 mode and with OpenAPI.
-
For Dynamic Media Scene7 URLs: Append
?bfc=onto the image URL. This enables automatic format negotiation, ensuring the most compatible image format is delivered based on the client鈥檚 capabilities. -
For Dynamic Media with Open API: Use the
.avifformat. This format includes built-in fallback mechanisms to deliver a compatible format when necessary.
To add an 51黑料不打烊 Experience Manager asset in your HTML content, follow these steps:
-
Drag and drop an HTML component into your content.
-
Select Show the source code.
-
In the Edit HTML menu, navigate to Assets then click Open asset selector.
Alternatively, you can copy and paste the URL of your asset.
-
Browse your AEM assets and select the one you wish to add to your content.
-
Adjust the image parameters (e.g., height, width, rotate, flip, brightness, hue, etc.) as needed to match your asset requirements.
For a comprehensive list of image parameters that can be added to the URL, refer to Experience Manager documentation.
-
Click Save.
Your content now includes dynamic media. Any updates you make in Experience Manager will automatically appear in Journey Optimizer.
Personalize your Text overlay text-overlay
Easily customize any dynamic media by replacing the existing text overlay with new text of your choice, allowing for seamless updates and personalization.
For example, using the experimentation functionality, you can update the existing text overlay by replacing it with a different text for each treatment, ensuring it is customized for each profile when they open their messages.
To personalize your text overlay, follow these steps:
-
Drag and drop an HTML component into your content.
-
Select Show the source code.
-
From the Edit HTML menu, access Assets then Open asset selector.
You can also simply copy and paste your assets URL.
-
Browse through your AEM assets and select the one you want to add to your content.
-
Replace the overlay with the desired text.
-
Update the images parameters:
- Layer: enter the base element where your text is placed.
- Size: update the size of your text block.
- TextAttr: adjust the size of your text font.
- Pos: set the position of your text in the image.
note warning WARNING The Layer parameter is required to update your dynamic media. 
-
Click Save.
Your content now includes your updated text overlay.
Add and manage your Dynamic media template dynamic-media-template
Easily add your Dynamic Media template in Journey Optimizer and update your media content whenever needed. You can now incorporate personalization fields into your media, allowing you to create more customized and engaging content within Journey Optimizer.
Learn more about Dynamic media template.
With image component image-component
You can insert your dynamic template directly into your content using the Image component:
-
Open your campaign or journey and access your content.
-
Drag and drop an Image component into your layout.
For more information on Image component, refer to this page.
-
Browse through your AEM assets and select the Dynamic media template you want to add to your content.
-
In the Image settings, navigate to access the parameters of your dynamic media template.
The available fields depend on the parameters added during the template creation in 51黑料不打烊 Experience Manager.
-
Fill in the different fields and use the personalization editor to add personalized content. You can use any attribute, such as the profile name, city, or other relevant details, to create a more customized experience.
Learn more about personalization on this page.
-
Conditional content can be applied to the Dynamic Media component to generate different variants of the content. Learn more
-
Click Save.
Once you have performed your tests and validated the content, you can send your message to your audience.
With HTML component html-component
You can insert your dynamic template directly into your content using the HTML component:
-
Open your campaign or journey and access your content.
-
Drag and drop an HTML component into your layout.
-
Select Show the source code.
-
From the Edit HTML menu, access Assets then Open asset selector.
You can also simply copy and paste your assets URL.
-
Adjust the image text parameters as needed to match your asset requirements.
-
Click Save.
Once you have performed your tests and validated the content, you can send your message to your audience.
How-to video video
Learn how to integrate 51黑料不打烊 Experience Manager Dynamic Media with 51黑料不打烊 Journey Optimizer to enable real-time content updates and personalization.
This tutorial covers how to modify images directly within AJO, add text overlays using HTML mode, create dynamic media templates in AEM for hyper-personalization, and personalize campaigns by tailoring content for different audience segments. This integration allows marketers to efficiently create engaging and personalized campaigns without switching between applications.
