電子郵件細分元件 email-segmentation-component

「電子郵件細分元件」使用 Adobe Campaign 中的變數,根據內容收件者顯示和隱藏內容。

用途 usage

使用「電子郵件細分元件」,內容作者可根據 Adobe Campaign 提供的收件者相關變數所符合的條件,以隱藏和顯示內容。如此一來,內容收件者會看到根據其細分所顯示的內容。

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

除了使用設定對話框之外,內容作者將「電子郵件細分元件」新增至內容頁面後,就可以將其他元件拖放至「電子郵件細分元件」,以建立新區段。

版本和相容性 version-and-compatibility

「電子郵件細分元件」的目前版本為 v1,此版本於 2022 年 10 月隨著「電子郵件核心元件」x 版發行導入,詳情請參閱本文件。

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

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

技術詳細資訊 technical-details

在 GitHub 上可找到有關「電子郵件 Teaser 元件」的最新技術文件。

如需開發「核心元件」的進一步詳細資訊,請參閱核心元件開發人員文件

設定對話框 configure-dialog

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

項目索引標籤 items-tab

電子郵件細分元件的設定對話框項目索引標籤

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

TIP
若縮小內容檢視區,使編輯對話框進入全螢幕模式,則會隱藏​ 新增 ​按鈕。元件仍可新增至「電子郵件細分元件」,只需從元件瀏覽器拖曳並放置到內容編輯器中的「電子郵件細分元件」上。

屬性索引標籤 properties-tab

電子郵件細分元件的設定對話框屬性索引標籤

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

    • 如果留空,則會自動產生唯一識別碼,您可以透過檢查得出的內容找到該 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