在此頁面上:瞭解如何在Journey Optimizer內容中插入、調整及個人化Adobe Experience Manager動態媒體,包括文字覆蓋圖及動態媒體範本。
開始使用動態媒體 gs-aem-dynamic
「資產」選擇器現在支援Dynamic Media,讓您在Journey Optimizer中順暢地選取並使用核准的Dynamic Media轉譯。 對Adobe Experience Manager中的資產所做的變更會立即反映在您的Journey Optimizer內容中,以確保最新版本始終在使用中,而不需要手動更新。
請注意,這項整合僅適用於使用Dynamic Media Manager as a Cloud Service的客戶。
若要進一步瞭解Adobe Experience Manager as a Cloud Service中的Dynamic Media,請參閱Experience Manager檔案。
考量事項
-
請確定Adobe Experience Manager as a Cloud Service已啟用Dynamic Media with OpenAPI。 了解更多。
-
Dynamic Media與Adobe Journey Optimizer的整合適用於Dynamic Media Scene7模式和搭配OpenAPI。
-
對於Dynamic Media Scene7資產,Journey Optimizer會在URL開頭新增預設修飾元(
bfc=off&fmt=png-alpha)。 如果您的預設集也設定fmt或bfc,則會優先使用,因為Scene7會使用重複引數的最後一次出現。 為避免意外結果,請從預設集中移除fmt/bfc,或將它移到URL中的預設修飾元之前。 -
透過設計,資產選擇器會傳回
/images型URL格式。 如果您想要以原始格式(例如GIF或SVG)傳送資產,您必須手動更新URL,以改用/content路徑。 在Dynamic Media最佳實務檔案中瞭解更多。
新增及管理Dynamic Media dynamic-media
直接從Adobe Experience Manager as a Cloud Service將動態媒體插入您的Journey Optimizer內容,以針對任何熒幕或瀏覽器增強及最佳化您的內容。 然後您可以視需要調整大小、裁切、增強及進行其他調整。
若要在HTML內容中新增Adobe Experience Manager資產,請遵循下列步驟:
-
將 HTML元件 拖放到您的內容中。
-
選取顯示原始程式碼。
-
在 編輯HTML 功能表中,導覽至Assets,然後按一下開啟資產選擇器。
或者,您也可以複製並貼上資產的URL。
-
瀏覽您的AEM資產,並選取您要新增至內容的資產。
-
調整影像引數(例如高度、寬度、旋轉、翻轉、亮度、色相等) 以符合您的資產需求。
如需可新增至URL的影像引數完整清單,請參閱Experience Manager檔案。
-
按一下儲存。
您的內容現在包含動態媒體。 您在Experience Manager中所做的任何更新都會自動顯示在Journey Optimizer中。
個人化您的文字覆蓋 text-overlay
使用您選擇的新文字取代現有的文字覆蓋圖,輕鬆自訂任何動態媒體,實現順暢的更新及個人化。
例如,使用實驗功能,您可以更新現有的文字覆蓋,方法是為每個處理使用不同的文字來取代,以確保在開啟訊息時為每個設定檔自訂它。
若要個人化文字覆蓋,請依照下列步驟進行:
-
將 HTML元件 拖放到您的內容中。
-
選取顯示原始程式碼。
-
從 編輯HTML 功能表,存取Assets,然後開啟資產選擇器。
您也可以直接複製並貼上資產URL。
-
瀏覽您的AEM資產,並選取您要新增至內容的資產。
-
將覆蓋圖取代為所需文字。
-
更新影像引數:
- Layer:輸入放置文字的基元素。
- 大小:更新文字區塊的大小。
- TextAttr:調整文字字型的大小。
- Pos:設定文字在影像中的位置。
note warning WARNING 更新動態媒體需要Layer引數。
-
按一下儲存。
您的內容現在包含更新的文字覆蓋。
新增及管理您的Dynamic Media範本 dynamic-media-template
在Journey Optimizer中輕鬆新增動態媒體範本,並視需要更新媒體內容。 您現在可以將個人化欄位整合到媒體中,讓您在Journey Optimizer中建立更自訂且吸引人的內容。
深入瞭解動態媒體範本。
使用影像元件 image-component
您可以使用影像元件,直接將動態範本插入內容中:
-
開啟您的行銷活動或歷程並存取您的內容。
-
將 影像元件 拖放到您的版面配置中。
如需影像元件的詳細資訊,請參閱此頁面。
-
瀏覽您的AEM資產,並選取您要新增至內容的Dynamic Media範本。
-
在 影像設定 中,瀏覽以存取動態媒體範本的引數。
可用的欄位取決於Adobe Experience Manager中範本建立期間新增的引數。
-
填寫不同的欄位,並使用個人化編輯器新增個人化內容。 您可以使用任何屬性(例如設定檔名稱、城市或其他相關詳細資訊)來建立更自訂的體驗。
在此頁面上進一步瞭解個人化。
-
條件式內容可套用至Dynamic Media元件,以產生不同的內容變體。 了解更多
-
按一下儲存。
一旦您執行測試並驗證內容後,您就可以將訊息傳送給對象。
搭配HTML元件 html-component
您可以使用HTML元件,直接將動態範本插入內容中:
-
開啟您的行銷活動或歷程並存取您的內容。
-
將 HTML元件 拖放到您的版面配置中。
-
選取顯示原始程式碼。
-
從 編輯HTML 功能表,存取Assets,然後開啟資產選擇器。
您也可以直接複製並貼上資產URL。
-
視需要調整影像文字引數,以符合您的資產需求。
-
按一下儲存。
一旦您執行測試並驗證內容後,您就可以將訊息傳送給對象。
插入倒數計時器 countdown
利用Dynamic Media倒數計時器建立急迫性並最大化轉換次數,以在收件者開啟您的電子郵件時即時更新。 此功能適用於快閃銷售、限時優惠方案及對時間敏感的促銷活動。
例如,作為零售品牌的行銷人員,您執行48小時閃購。 在促銷電子郵件中使用倒數計時器:
- 立即開啟的收件者會看到「剩餘47小時」
- 24小時後開啟的收件者會看到「剩餘23小時」
- 在銷售結束後開啟的收件者會看到「時間已到!」
如需如何在Adobe Experience Manager中新增倒數計時器至Dynamic Media範本的詳細資訊,請參閱此檔案。
-
在 Adobe Experience Manager 中建立Dynamic Media範本,並新增倒數計時器元件。
-
在 Journey Optimizer 中,建立新行銷活動或開啟現有行銷活動,然後存取電子郵件Designer。
-
將 HTML 或 Asset 元件拖放到您的電子郵件內容中。
-
將游標暫留在元件上,然後按一下顯示原始程式碼 (適用於HTML元件)或瀏覽 (適用於Asset元件)。
-
從 編輯HTML 功能表,導覽至Assets,然後按一下 開啟資產選擇器 以瀏覽並選取您發佈的Dynamic Media範本。
-
透過切換藥丸到開啟來啟用藥丸體驗。 隱藏較長的屬性路徑可改善可讀性。
-
在 自訂屬性 功能表中,視需要設定範本的任何可自訂URL引數。
完成時,按一下儲存。
-
或者,您也可以存取Dynamic Media範本的引數,方法是在Email Designer中選取資產,然後存取 設定 功能表。
設定下列專案:
- 橫幅文字:計時器顯示的文字
- 結束時間:倒數計時到期的日期和時間。 僅以GMT (格林威治標準時間)輸入時間。 系統不接受其他時區。
- 遞補文字:計時器結束之後顯示的訊息
-
按一下 預覽 以檢視具有即時倒數計時器更新的計時器,並驗證您的設定。
當收件者開啟電子郵件時,他們會看到您快閃銷售的確切剩餘時間。 如果他們稍後重新開啟電子郵件,倒數計時會自動更新以反映目前的剩餘時間。 結束日期後,預設訊息會自動顯示。
作法影片 video
了解如何將 Adobe Experience Manager Dynamic Media 與 Adobe Journey Optimizer 進行整合,以啟用即時內容更新和個人化。
本教學課程涵蓋如何直接在 AJO 中修改影像、使用 HTML 模式新增文字覆蓋,在 AEM 中建立可用於超個人化的動態媒體範本,還會透過為不同客群區段,量身打造內容,將行銷活動個人化。 此整合可讓行銷人員有效建立吸引人的行銷活動,並將行銷活動個人化,不必在應用程式之間切換。