電子郵件範本的最佳實務 best-practices-for-email-templates
本檔案說明產生完善開發的電子郵件行銷活動範本的電子郵件設計相關最佳實務。
AEM提供的示範行銷活動會遵循所有這些最佳實務。 每個最佳實務會說明如何在示範行銷活動中實作最佳實務。
建立您自己的電子報時,請使用這些最佳實務。
NOTE
所有行銷活動內容應建立在
master
型別頁面 cq/personalization/components/ambitpage
.例如,如果您的計畫行銷活動結構類似於
/content/campaigns/teasers/en/campaign-promotion-global
確定它位在
master
頁面/content/campaigns/teasers/master/en/campaign-promotion-global
NOTE
為Adobe Campaign建立郵件範本時,您必須包含屬性 acMapping 包含值 mapRecipient 在 jcr:content 範本的節點。 如果沒有該物件,則無法在中選取Adobe Campaign範本 頁面屬性 Experience Manager(欄位已停用)。
範本/頁面元件 template-page-component
/libs/mcm/campaign/components/campaign_newsletterpage
影像 images
/libs/mcm/campaign/components/image
最佳實務
實施
新增 alt 影像的屬性
此 alt 屬性已定義為影像元件的必要屬性。
使用 jpg 而非 png 影像格式
影像元件一律會將影像當作JPG使用。
使用
<img>
元素而非表格中的背景影像。範本中不使用任何背景影像資料。
在圖片上新增attribute style="display block"。 如此一來,它們就能在Gmail上正常顯示。
所有影像預設包含 style="display block" 屬性。
文字和連結 text-and-links
/libs/mcm/campaign/components/heading, /libs/mcm/campaign/components/textimage
通用 generic
最佳實務
實施
使用W3C驗證器修正HTML代碼。 請確定所有開啟的標籤皆已正確關閉。
程式碼已驗證。 僅適用於XHTML可轉換的Doctype,遺失的xmlns屬性
<html>
元素遺失。避免使用JavaScript或Flash — 這些技術通常不受電子郵件使用者端支援。
Newsletter範本中未使用JavaScript或Flash。
新增純文字版本以進行多部分傳送。
頁面屬性中內建了新的Widget,以便輕鬆從頁面內容中擷取純文字版本。 您可以使用它作為最終純文字版本的起點。
行銷活動新聞稿範本和範例 campaign-newsletter-templates-and-examples
AEM隨附數種現成的範本和元件,方便您建立行銷活動電子報。 您可以使用這些範本和元件來建立自訂電子報。
範本 templates
為了提供堅實的基礎,並拓寬各種內容流動的可能性,現成可用的範本型別略有不同。 您可以輕鬆使用這三種型別來建立自訂電子報。
所有都有 頁首, a 頁尾,和 內文 區段。 在body區段下方,每個範本都不同 欄設計 (一、二或三欄)。
元件 components
目前有 行銷活動範本內可用的七個元件. 這些元件都以Adobe標籤語言為基礎 HTL.
元件名稱
元件路徑
標題
/libs/mcm/campaign/components/heading
影像
/libs/mcm/campaign/components/image
文字個人化(&P)
/libs/mcm/campaign/components/personalization
Textimage
/libs/mcm/campaign/components/textimage
連結
/libs/mcm/campaign/components/reference
Dynamic Media Classic (前身為Scene7)影像範本
/libs/mcm/campaign/s7image
目標引用
/libs/mcm/campaign/components/reference
NOTE
這些元件已針對郵件內容最佳化;也就是說,它們遵循本檔案中概述的最佳實務。 使用其他現成可用的元件通常違反這些規則。
這些元件的詳細說明請參閱 Adobe Campaign元件.
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2