電子郵件區段元件 email-segmentation-component

電子郵件區段元件會使用Adobe Campaign中的變數,根據內容的收件者來顯示和隱藏內容。

使用情況 usage

電子郵件區段元件可讓內容作者根據Adobe Campaign提供的收件者相關變數符合的條件,來隱藏及顯示內容。 透過這種方式,內容的收件者可以看到根據其細分的內容。

  • 範本作者可以使用設計對話方塊來定義哪些元件可以新增為區段。
  • 內容作者可使用設定對話方塊將元件新增為區段,並根據Adobe Campaign變數設定要顯示哪些區段。

除了使用設定對話方塊之外,內容作者一旦將電子郵件區段元件新增至內容頁面,就可以將其他元件拖放至電子郵件區段元件,以建立新區段。

版本和相容性 version-and-compatibility

電子郵件區段元件的目前版本是v1,此版本隨2022年10月的電子郵件核心元件發行版本X的發佈引入,具體說明見本文。

下表詳細說明元件的所有支援版本、與元件版本相容的AEM版本,以及舊版檔案的連結。

元件版本
AEM 6.5
AEM as a Cloud Service
v1
相容
-

技術細節 technical-details

您可以在GitHub上找到有關電子郵件Teaser元件的最新技術檔案。

核心元件開發人員檔案中可找到有關開發核心元件的進一步詳細資料。

設定對話方塊 configure-dialog

此設定對話方塊可讓內容作者建立、重新命名和重新排列區段,以及定義作用中的區段。 在電子郵件區段元件中,區段只是根據內容收件者符合的條件隱藏或顯示的另一個元件。 您可以將其與核心元件索引標籤元件進行比較,但在分段元件中,只會顯示符合條件的索引標籤內容。

專案標籤 items-tab

電子郵件分段元件的設定對話方塊專案索引標籤

使用​ 新增區段 ​按鈕開啟元件選擇器,選擇要新增為區段的元件。 新增專案後,專案會新增至清單中,包含以下元素:

TIP
如果減少內容的檢視區以便讓編輯對話方塊變成全熒幕,將會隱藏​ 新增 ​按鈕。 元件仍可透過從元件瀏覽器拖曳並放置在內容編輯器的電子郵件分段元件上來新增至電子郵件分段元件。🔗

屬性標籤 properties-tab

電子郵件分段元件的設定對話方塊屬性標籤

  • ID — 此選項允許控制HTML中元件的唯一識別碼。

    • 如果保留為空白,系統會自動為您產生唯一ID,但您可在檢查結果內容時找到該ID。
    • 若指定ID,作者應負責確認該ID為唯一ID。
    • 變更ID會對CSS造成影響。

協助工具標籤 accessibility-tab

電子郵件分段元件的設定對話方塊協助工具標籤

在​ 協助工具 ​標籤上,可以為元件設定ARIA協助工具標籤的值。

  • 標籤 — 元件的ARIA標籤屬性值

樣式索引標籤 styles-tab-edit

電子郵件分段元件支援AEM 樣式系統。

使用下拉式清單,選取要套用至元件的樣式。 在「編輯」對話方塊中所做的選取與從元件工具列中選擇的選取具有相同的效果。

必須在設計對話方塊中為此元件設定樣式,才能使用索引標籤。

選取面板 select-panel

內容作者可以使用元件工具列上的​ 選取面板 ​選項,變更至不同的區段進行編輯,以及輕鬆地重新排列區段。

選取面板圖示

在元件工具列中選取​ 選取面板 ​選項後,已設定的區段會顯示為下拉式清單。

  • 清單會依指派的區段排列方式排序,並會反映在編號中。
  • 首先顯示區段的元件型別,然後是較細字型的區段說明。

選取面板彈出視窗

  • 在下拉式清單中點選或按一下專案,會在編輯器中將檢視切換至該區段。
  • 您可以使用拖曳操作框就地重新排列區段。
NOTE
區段會呈現為頁面編輯器中的索引標籤,以顯示最終內容有多個選項。 作者在頁面編輯器中無法選取這些索引標籤。 使用選取面板在顯示的區段之間切換。

設計對話方塊 design-dialog

「設計」對話方塊可讓範本作者定義哪些元件可新增為電子郵件區段元件中的區段,並定義哪些自訂樣式可供內容作者使用。

允許的元件標籤 allowed-components-tab

允許的元件 ​索引標籤是用來定義哪些元件可由內容作者新增為電子郵件區段元件。

允許的元件 ​索引標籤的功能與在範本編輯器中定義配置容器的原則與屬性時的相同名稱索引標籤的功能相同。

樣式索引標籤 styles-tab

電子郵件分段元件支援AEM 樣式系統。

定義條件標籤 defined-conditions

使用​ 定義條件 ​索引標籤,範本編輯器可以定義內容作者在建立區段時可以選取的條件。

設計對話方塊定義條件標籤

點選或按一下「新增」按鈕以建立新條件。

  • 區段條件名稱 — 條件說明

  • 區段條件 — 必須滿足的實際條件,根據Adobe Campaign個人化變數

  • 移除 — 點選以按一下以移除條件

  • 重新排列 — 點選或按一下並拖曳以重新排列條件

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c