Sur cette page : découvrez comment insérer, ajuster et personnaliser les médias dynamiques Adobe Experience Manager, y compris les superpositions de texte et les modèles de médias dynamiques, dans le contenu de Journey Optimizer.
Prise en main de Dynamic Media gs-aem-dynamic
Le sélecteur de ressources prend désormais en charge Dynamic Media, ce qui vous permet de sélectionner et d’utiliser facilement des rendus de médias dynamiques approuvés dans Journey Optimizer. Les modifications apportées aux ressources dans Adobe Experience Manager sont immédiatement répercutées dans votre contenu Journey Optimizer. Ainsi, les versions les plus récentes sont toujours utilisées sans nécessiter de mises à jour manuelles.
Notez que cette intégration n’est disponible que pour les clients et clientes qui utilisent Dynamic Media Manager as a Cloud Service.
Pour en savoir plus sur Dynamic Media dans Adobe Experience Manager as a Cloud Service, consultez la documentation d’Experience Manager.
Considérations
-
Vérifiez que Dynamic Media avec OpenAPI est activé dans Adobe Experience Manager as a Cloud Service. En savoir plus.
-
L’intégration de Dynamic Media à Adobe Journey Optimizer est disponible à la fois pour Dynamic Media en mode Scene7 et Dynamic Media avec OpenAPI.
-
Pour les ressources Dynamic Media en mode Scene7, Journey Optimizer ajoute des modificateurs par défaut (
bfc=off&fmt=png-alpha) au début de l’URL. Si votre paramètre prédéfini définit égalementfmtoubfc, il est prioritaire, car Scene7 utilise la dernière occurrence d’un paramètre répété. Pour éviter des résultats inattendus, supprimezfmt/bfcdu paramètre prédéfini ou déplacez-le avant les modificateurs par défaut dans l’URL. -
Par défaut, le sélecteur de ressources renvoie un format d’URL basé sur un
/images. Si vous souhaitez diffuser une ressource dans son format d’origine, par exemple GIF ou SVG, vous devez mettre à jour manuellement l’URL pour utiliser plutôt le chemin d’accès/content. En savoir plus dans la documentation sur les bonnes pratiques relatives à Dynamic Media.
Ajouter et gérer des médias dynamiques dynamic-media
Améliorez et optimisez votre contenu pour n’importe quel écran ou navigateur en insérant des médias dynamiques depuis Adobe Experience Manager as a Cloud Service directement dans votre contenu Journey Optimizer. Vous pouvez ensuite redimensionner, recadrer, améliorer et effectuer d’autres réglages si nécessaire.
Pour ajouter une ressource Adobe Experience Manager à votre contenu HTML, procédez comme suit :
-
Faites glisser et déposez un composant HTML dans votre contenu.
-
Sélectionnez Afficher le code source.
-
Dans le menu Modifier le code HTML, accédez à Ressources, puis cliquez sur Ouvrir le sélecteur de ressources.
Vous pouvez également copier et coller l’URL de la ressource.
-
Parcourez vos ressources AEM et sélectionnez celle que vous souhaitez ajouter à votre contenu.
-
Ajustez les paramètres de l’image (par exemple, la hauteur, la largeur, la rotation, le basculement, la luminosité, la teinte, etc.) selon vos besoins, afin de répondre aux exigences de vos ressources.
Pour obtenir la liste complète des paramètres d’image qui peuvent être ajoutés à l’URL, consultez la documentation d’Experience Manager.
-
Cliquez sur Enregistrer.
Votre contenu comprend désormais un média dynamique. Toutes les mises à jour effectuées dans Experience Manager apparaîtront automatiquement dans Journey Optimizer.
Personnaliser la superposition de texte text-overlay
Personnalisez facilement n’importe quel média dynamique en remplaçant la superposition de texte existante par un texte de votre choix, pour simplifier les mises à jour et la personnalisation.
Par exemple, à l’aide de la fonctionnalité d’expérimentation, vous pouvez mettre à jour la superposition de texte existante en la remplaçant par un texte différent pour chaque traitement. Ainsi, chaque ouverture de message est personnalisée pour chaque profil.
Pour personnaliser votre superposition de texte, procédez comme suit :
-
Faites glisser et déposez un composant HTML dans votre contenu.
-
Sélectionnez Afficher le code source.
-
Dans le menu Modifier le code HTML, accédez à Ressources, puis Ouvrir le sélecteur de ressources.
Vous pouvez également simplement copier et coller l’URL de vos ressources.
-
Parcourez vos ressources AEM et sélectionnez celle que vous souhaitez ajouter à votre contenu.
-
Remplacez la superposition par le texte souhaité.
-
Mettez à jour les paramètres d’image suivants :
- Layer : saisissez l’élément de base où est placé le texte.
- Taille : mettez à jour la taille de votre bloc de texte.
- TextAttr : ajustez la taille de la police du texte.
- Pos : définissez la position du texte sur l’image.
note warning WARNING Le paramètre Layer est requis pour mettre à jour le média dynamique. 
-
Cliquez sur Enregistrer.
Votre contenu inclut désormais la superposition de texte mise à jour.
Ajouter et gérer votre modèle Dynamic Media dynamic-media-template
Ajoutez facilement votre modèle Dynamic Media dans Journey Optimizer et mettez à jour votre contenu multimédia chaque fois que nécessaire. Vous pouvez désormais incorporer des champs de personnalisation dans vos médias, ce qui vous permet de créer du contenu plus personnalisé et plus attrayant dans Journey Optimizer.
En savoir plus sur le modèle Dynamic Media
Avec le composant Image image-component
Vous pouvez insérer votre modèle dynamique directement dans votre contenu à l’aide du composant Image :
-
Ouvrez votre campagne ou votre parcours et accédez à votre contenu.
-
Faites glisser et déposez un composant Image dans votre disposition.
Pour plus d’informations sur le composant Image, consultez cette page.
-
Parcourez vos ressources AEM et sélectionnez le modèle Dynamic Media que vous souhaitez ajouter à votre contenu.
-
Dans les paramètres d’image, accédez aux paramètres de votre modèle Dynamic Media.
Les champs disponibles dépendent des paramètres ajoutés lors de la création du modèle dans Adobe Experience Manager.
-
Renseignez les différents champs et utilisez l’éditeur de personnalisation pour ajouter du contenu personnalisé. Vous pouvez utiliser n’importe quel attribut, tel que le nom du profil, la ville ou d’autres détails pertinents, pour créer une expérience plus personnalisée.
Pour en savoir plus sur la personnalisation, consultez cette page.
-
Le contenu conditionnel peut être appliqué au composant Dynamic Media pour générer différentes variantes de contenu. En savoir plus
-
Cliquez sur Enregistrer.
Une fois que vous avez effectué vos tests et validé le contenu, vous pouvez envoyer votre message à votre audience.
Avec le composant HTML html-component
Vous pouvez insérer votre modèle dynamique directement dans votre contenu à l’aide du composant HTML :
-
Ouvrez votre campagne ou votre parcours et accédez à votre contenu.
-
Faites glisser et déposez un composant HTML dans votre disposition.
-
Sélectionnez Afficher le code source.
-
Dans le menu Modifier le code HTML, accédez à Ressources, puis Ouvrir le sélecteur de ressources.
Vous pouvez également simplement copier et coller l’URL de vos ressources.
-
Ajustez les paramètres de texte de l’image selon vos besoins pour répondre aux exigences des ressources.
-
Cliquez sur Enregistrer.
Une fois que vous avez effectué vos tests et validé le contenu, vous pouvez envoyer votre message à votre audience.
Insérer le compteur de décompte countdown
Créez une urgence et optimisez les conversions avec les compteurs de compte à rebours Dynamic Media qui se mettent à jour en temps réel lorsque les destinataires ouvrent vos e-mails. Cette fonctionnalité est idéale pour les ventes flash, les offres à durée limitée et les promotions sensibles au facteur temps.
Par exemple, en tant que spécialiste marketing pour une marque de vente au détail, vous réalisez une vente flash de 48 heures. En utilisant le compte à rebours dans vos e-mails promotionnels :
- Les destinataires qui ouvrent immédiatement le dossier voient « 47 heures restantes »
- Les destinataires qui ouvrent 24 heures plus tard voient « 23 heures restantes »
- Les destinataires qui ouvrent après la fin de la vente voient « Time’s up ! »
Pour plus d’informations sur l’ajout de minuteries de décompte à votre modèle Dynamic Media dans Adobe Experience Manager, reportez-vous à ce document.
-
Dans Adobe Experience Manager, créez un modèle Dynamic Media et ajoutez-y un composant Compte à rebours .
-
Dans Journey Optimizer, créez une campagne ou ouvrez une campagne existante, puis accédez au Designer Email.
-
Faites glisser et déposez un composant ou Asset dans le contenu de votre e-mail.
-
Pointez sur le composant et cliquez sur Afficher le code source (pour les composants HTML) ou Parcourir (pour les composants Ressource).
-
Dans le menu Modifier HTML, accédez à Assets et cliquez sur Ouvrir le sélecteur de ressources pour parcourir et sélectionner votre modèle Dynamic Media publié.
-
Activez l’expérience des pilules en activant Pilules . Cela améliore la lisibilité en masquant les chemins d’accès aux attributs longs.
-
Dans le menu Attributs personnalisés, configurez les paramètres d’URL personnalisables selon les besoins de votre modèle.
Cliquez sur Enregistrer lorsque vous avez terminé.
-
Vous pouvez également accéder aux paramètres du modèle Dynamic Media en sélectionnant la ressource dans le Designer d’e-mail, puis en accédant au menu Paramètres.
Configurez les éléments suivants :
- Texte de bannière : texte affiché avec votre minuteur
- Heure de fin : date et heure d’expiration du décompte. Saisissez l’heure en GMT (heure de Greenwich) uniquement. Le système n’accepte pas d’autres fuseaux horaires.
- Texte de secours : message affiché après la fin du minuteur
-
Cliquez sur Aperçu pour afficher le minuteur avec les mises à jour du compte à rebours en temps réel et vérifier votre configuration.
Lorsque les destinataires ouvrent l’e-mail, ils voient le temps précis restant pour votre vente flash. S’ils rouvrent l’e-mail ultérieurement, le compte à rebours est automatiquement mis à jour pour refléter le temps restant actuel. Après la date de fin, le message par défaut s’affiche automatiquement.
Vidéo pratique video
Découvrez comment intégrer Adobe Experience Manager Dynamic Media à Adobe Journey Optimizer pour activer la mise à jour de contenu en temps réel et la personnalisation.
Ce tutoriel explique comment modifier des images directement dans AJO, ajouter des superpositions de texte à l’aide du mode HTML, créer des modèles Dynamic Media dans AEM à des fins d’hyper-personnalisation et personnaliser des campagnes en adaptant le contenu à différents segments d’audience. Cette intégration permet aux spécialistes du marketing de créer efficacement des campagnes attrayantes et personnalisées sans passer d’une application à l’autre.