Nesta página: Saiba como inserir, ajustar e personalizar o Adobe Experience Manager dynamic media, incluindo sobreposições de texto e modelos de mídia dinâmica, no conteúdo do Journey Optimizer.
Introdução à mídia dinâmica gs-aem-dynamic
O seletor de ativos agora é compatível com Dynamic Media, permitindo selecionar e usar facilmente representações de Dynamic Media aprovadas no Journey Optimizer. As alterações feitas em ativos no Adobe Experience Manager são refletidas instantaneamente no conteúdo do Journey Optimizer, garantindo que as versões mais atualizadas estejam sempre em uso, sem a necessidade de atualizações manuais.
Observe que essa integração só está disponível para clientes que usam o Dynamic Media Manager as a Cloud Service.
Para saber mais sobre o Dynamic Media no Adobe Experience Manager as a Cloud Service, consulte a documentação do Experience Manager.
Considerações
-
Verifique se o Dynamic Media com OpenAPI está ativado no Adobe Experience Manager as a Cloud Service. Saiba mais.
-
A integração de mídia dinâmica com o Adobe Journey Optimizer está disponível para o Dynamic Media modo Scene7 e com OpenAPI.
-
Para ativos do Dynamic Media Scene7, o Journey Optimizer adiciona modificadores padrão (
bfc=off&fmt=png-alpha) no início da URL. Se sua predefinição também definirfmtoubfc, ela terá prioridade, já que o Scene7 usa a última ocorrência de um parâmetro repetido. Para evitar resultados inesperados, removafmt/bfcda predefinição ou mova-a antes dos modificadores padrão na URL. -
Por design, o seletor de ativos retorna um formato de URL baseado em
/images. Se você quiser entregar um ativo em seu formato original, por exemplo, GIF ou SVG, será necessário atualizar manualmente a URL para usar o caminho/content. Saiba mais na documentação de práticas recomendadas do Dynamic Media.
Adicionar e gerenciar Dynamic media dynamic-media
Aprimore e otimize seu conteúdo para qualquer tela ou navegador inserindo a mídia dinâmica do Adobe Experience Manager as a Cloud Service diretamente no conteúdo do Journey Optimizer. Em seguida, é possível redimensionar, cortar, aprimorar e fazer outros ajustes, conforme necessário.
Para adicionar um ativo do Adobe Experience Manager ao seu conteúdo do HTML, siga estas etapas:
-
Arraste e solte um componente do HTML no seu conteúdo.
-
Selecione Mostrar o código-fonte.
-
No menu Editar HTML, navegue até Assets e clique em Abrir seletor de ativos.
Como alternativa, você pode copiar e colar o URL do ativo.
-
Navegue pelos ativos do AEM e selecione aquele que deseja adicionar ao conteúdo.
-
Ajustar os parâmetros da imagem (por exemplo, altura, largura, rotação, inversão, brilho, matiz etc.) conforme necessário para atender aos requisitos de ativos.
Para obter uma lista abrangente dos parâmetros de imagem que podem ser adicionados ao URL, consulte a documentação do Experience Manager.
-
Clique em Salvar.
Seu conteúdo agora inclui mídia dinâmica. Todas as atualizações feitas no Experience Manager serão exibidas automaticamente no Journey Optimizer.
Personalizar a sobreposição de texto text-overlay
Personalize facilmente qualquer mídia dinâmica substituindo a sobreposição de texto existente pelo novo texto de sua escolha, o que permite atualizações e personalização ininterruptas.
Por exemplo, usando a funcionalidade de experimentação, é possível atualizar a sobreposição de texto existente, substituindo-a por um texto diferente para cada tratamento, garantindo que ela seja personalizada para cada perfil quando eles abrirem suas mensagens.
Para personalizar a sobreposição de texto, siga estas etapas:
-
Arraste e solte um componente do HTML no seu conteúdo.
-
Selecione Mostrar o código-fonte.
-
No menu Editar HTML, acesse Assets e Abra o seletor de ativos.
Você também pode simplesmente copiar e colar o URL de ativos.
-
Navegue pelos ativos do AEM e selecione aquele que deseja adicionar ao conteúdo.
-
Substitua a sobreposição pelo texto desejado.
-
Atualize os parâmetros de imagens:
- Camada: digite o elemento base onde o texto é colocado.
- Size: atualize o tamanho do bloco de texto.
- TextAttr: ajustar o tamanho da sua fonte de texto.
- Pos: definir a posição do texto na imagem.
note warning WARNING O parâmetro Layer é necessário para atualizar a mídia dinâmica. 
-
Clique em Salvar.
O conteúdo agora inclui a sobreposição de texto atualizada.
Adicionar e gerenciar o modelo de mídia dinâmica dynamic-media-template
Adicione facilmente seu modelo do Dynamic Media no Journey Optimizer e atualize seu conteúdo de mídia sempre que necessário. Agora é possível incorporar campos de personalização à mídia, permitindo criar conteúdo mais personalizado e envolvente no Journey Optimizer.
Saiba mais sobre Modelo de mídia dinâmica.
Com componente de imagem image-component
É possível inserir seu modelo dinâmico diretamente no conteúdo usando o componente de Imagem:
-
Abra a campanha ou jornada e acesse o conteúdo.
-
Arraste e solte um componente de Imagem no seu layout.
Para obter mais informações sobre o componente de Imagem, consulte esta página.
-
Navegue pelos ativos do AEM e selecione o modelo de Dynamic Media que deseja adicionar ao conteúdo.
-
Nas Configurações de imagem, navegue para acessar os parâmetros do seu modelo de mídia dinâmica.
Os campos disponíveis dependem dos parâmetros adicionados durante a criação do modelo no Adobe Experience Manager.
-
Preencha os diferentes campos e use o editor de personalização para adicionar conteúdo personalizado. Você pode usar qualquer atributo, como o nome do perfil, a cidade ou outros detalhes relevantes, para criar uma experiência mais personalizada.
Saiba mais sobre a personalização em esta página.
-
O conteúdo condicional pode ser aplicado ao componente do Dynamic Media para gerar diferentes variantes do conteúdo. Saiba mais
-
Clique em Salvar.
Depois de executar os testes e validar o conteúdo, você pode enviar a mensagem para o público-alvo.
Com componente do HTML html-component
Você pode inserir seu modelo dinâmico diretamente no conteúdo usando o componente HTML:
-
Abra a campanha ou jornada e acesse o conteúdo.
-
Arraste e solte um componente HTML no seu layout.
-
Selecione Mostrar o código-fonte.
-
No menu Editar HTML, acesse Assets e Abra o seletor de ativos.
Você também pode simplesmente copiar e colar o URL de ativos.
-
Ajuste os parâmetros de texto da imagem conforme necessário para corresponder aos requisitos do ativo.
-
Clique em Salvar.
Depois de executar os testes e validar o conteúdo, você pode enviar a mensagem para o público-alvo.
Inserir timer da contagem regressiva countdown
Crie a urgência e maximize conversões com temporizadores de contagem regressiva do Dynamic Media que são atualizados em tempo real quando os recipients abrem seus emails. Esse recurso é ideal para vendas rápidas, ofertas por tempo limitado e promoções sensíveis ao tempo.
Por exemplo, como comerciante de uma marca de varejo, você está realizando uma venda rápida de 48 horas. Ao usar o cronômetro de contagem regressiva em seus emails promocionais:
- Os recipients que abrirem imediatamente verão “47 horas restantes”
- Os recipients que abrirem 24 horas depois verão “23 horas restantes”
- Os recipients que abrirem após o término da venda verão “Acabou o tempo!”
Para obter mais informações sobre como adicionar temporizadores de contagem regressiva ao seu modelo do Dynamic Media no Adobe Experience Manager, consulte este documento.
-
Em Adobe Experience Manager, crie um modelo de Mídia dinâmica e adicione um componente de timer de contagem regressiva a ele.
-
No Journey Optimizer, crie uma nova campanha ou abra uma existente e acesse o Designer de email.
-
Arraste e solte um componente do HTML ou do Asset no seu conteúdo de email.
-
Passe o mouse sobre o componente e clique em Mostrar o código-fonte (para componentes do HTML) ou Procurar (para componentes do Assets).
-
No menu Editar HTML, navegue até Assets e clique em Abrir seletor de ativos para procurar e selecionar seu modelo publicado do Dynamic Media.
-
Ative a experiência de pílulas alternando pílulas para Ativado. Isso melhora a legibilidade, ocultando caminhos de atributos longos.
-
No menu Atributos personalizados, configure os parâmetros de URL personalizáveis conforme necessário para o modelo.
Clique em Salvar quando terminar.
-
Como alternativa, você também pode acessar os parâmetros do modelo do Dynamic Media selecionando o ativo no Designer de email e acessando o menu Configurações.
Configure o seguinte:
- Texto do banner: o texto exibido com seu timer
- Hora de término: a data e a hora em que a contagem regressiva expira. Insira a hora somente em GMT (Horário de Greenwich). O sistema não aceita outros fusos horários.
- Texto de fallback: a mensagem mostrada após o término do cronômetro
-
Clique em Visualizar para exibir o timer com atualizações de contagem regressiva em tempo real e verificar sua configuração.
Quando os recipients abrem o email, eles veem o tempo preciso restante para a promoção. Se ele reabrir o email posteriormente, a contagem regressiva será atualizada automaticamente para refletir o tempo restante atual. Após a data de término, a mensagem padrão será exibida automaticamente.
Vídeo tutorial video
Saiba como integrar o Adobe Experience Manager Dynamic Media ao Adobe Journey Optimizer para permitir atualizações e personalização de conteúdo em tempo real.
Este tutorial aborda como modificar imagens diretamente no AJO, adicionar sobreposições de texto usando o modo HTML, criar modelos de mídia dinâmica no AEM para hiperpersonalização e personalizar campanhas adaptando o conteúdo para diferentes segmentos de público-alvo. Essa integração permite que os profissionais de marketing criem campanhas envolventes e personalizadas com eficiência, sem alternar entre aplicativos.
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.