體驗片段 experience-fragments

在Adobe Experience Manager (AEM)中,體驗片段是一組一或多個元件,包括可在頁面中參考的內容和版面。 它們可以包含任何元件。

體驗片段:

  • 是體驗(頁面)的一部分。
  • 可用於多個頁面(以可編輯的範本為基礎)。
  • 以範本為基礎(僅可編輯)以定義結構和元件。
  • 此範本用於建立體驗片段的​ 根頁面
  • 由段落系統中一或多個元件組成,具有版面。
  • 可以包含其他體驗片段。
  • 可與其他元件(包括其他體驗片段)結合以形成完整頁面(體驗)。
  • 您可以根據根頁面建立一或多個變數。
  • 這些變化可能會共用內容和/或元件。
  • 可以劃分為可在片段的多個變體中使用的建置區塊。

您可以使用體驗片段:

  • 如果作者想要重複使用頁面的部分(體驗的片段),他們需要複製並貼上該片段。 建立及維護這些複製/貼上體驗非常耗時,而且容易發生使用者錯誤。 體驗片段不需要複製/貼上。
  • 支援Headless CMS使用案例。 作者只想將AEM用於製作,而不是用於提供給客戶。 協力廠商系統/接觸點會取用該體驗,然後傳送給一般使用者。
  • 具有多網站管理(MSM);作為體驗片段是頁面的一部分。 這同時適用於個別片段及其所在的資料夾。
NOTE
體驗片段的寫入許可權需要在群組中註冊使用者帳戶:
experience-fragments-editors
如果您遇到任何問題,請聯絡您的系統管理員。

何時應使用體驗片段? when-should-you-use-experience-fragments

該使用「體驗片段」的情況:

  • 每當您想要重複使用體驗時。

    • 將與相同或類似內容重複使用的體驗
  • 當您使用AEM做為協力廠商的內容傳遞平台時。

    • 任何想要使用AEM作為內容傳遞平台的解決方案
    • 將內容內嵌於第三方接觸點
  • 如果您有具有不同變數或轉譯的體驗。

    • 管道或內容特定變數
    • 適合群組的體驗(例如,跨頻道具有不同體驗的行銷活動)
  • 當您使用全通道Commerce時。

    • 大規模共用社群媒體頻道上的商業相關內容
    • 讓接觸點成為異動

組織您的體驗片段 organizing-your-experience-fragments

建議您:

建立資料夾可讓您:

  • 為您的體驗片段建立有意義的結構;例如,根據分類

    note note
    NOTE
    您不需要將體驗片段的結構與網站的頁面結構對齊。
  • 在檔案夾層級配置允許的範本

    note note
    NOTE
    您可以使用範本編輯器來建立您自己的範本。

WKND專案會根據Contributors建構一些體驗片段。 使用的結構也說明了如何使用其他功能,例如「多網站管理」(包括語言副本)。

請參閱:

http://localhost:4502/aem/experience-fragments.html/content/experience-fragments/wknd/language-masters/en/contributors/kumar-selveraj/master

體驗片段的 資料夾

為您的體驗片段建立和設定資料夾 creating-and-configuring-a-folder-for-your-experience-fragments

若要為體驗片段建立及設定資料夾,建議您:

NOTE
也可以為您的執行個體🔗設定允許的範本,但此方法​ ​建議使用,因為升級時會覆寫這些值。

設定資料夾的允許範本 configure-allowed-templates-folder

NOTE
這是指定​ 允許的範本 ​的建議方法,因為升級時不會覆寫這些值。
  1. 導覽至必要的​ 體驗片段 ​資料夾。

  2. 選取資料夾,然後選取​ 屬性

  3. 在​ 允許的範本 ​欄位中,指定用於擷取所需範本的規則運算式。

    例如:
    /conf/(.*)/settings/wcm/templates/experience-fragment(.*)?

    請參閱:
    http://localhost:4502/mnt/overlay/cq/experience-fragments/content/experience-fragments/folderproperties.html/content/experience-fragments/wknd

    體驗片段屬性 — 允許的範本

    note note
    NOTE
    如需詳細資訊,請參閱體驗片段的範本
  4. 選取​ 儲存並關閉

為您的執行個體設定允許的範本 configure-allowed-templates-instance

CAUTION
不建議使用此方法變更​ 允許的範本,因為指定的範本在升級時會被覆寫。
使用此對話方塊僅供參考。
  1. 導覽至必要的​ 體驗片段 ​主控台。

  2. 選取​ 組態選項

    設定按鈕

  3. 在​ 設定體驗片段 ​對話方塊中指定必要的範本:

    設定體驗片段

    note note
    NOTE
    如需詳細資訊,請參閱體驗片段的範本
  4. 選取「儲存」。

建立體驗片段 creating-an-experience-fragment

若要建立體驗片段:

  1. 從全域導覽中選取體驗片段。

    xf-01

  2. 導覽至所需的資料夾,並選取​ 建立

    xf-02

  3. 選取​ 體驗片段 ​以開啟​ 建立體驗片段 ​精靈。

    依次選擇所需 的範本、下 一步:

    xf-03

  4. 輸入 體驗片段的屬性

    標題 ​為必填。 如果​ Name ​留空,則會從​ Title ​衍生它。

    xf-04

    note note
    NOTE
    體驗片段範本中的標籤不會與此體驗片段根頁面上的標籤合併。
    它們是完全獨立的。
  5. 按一下​ 建立

    畫面會顯示訊息。 選取:

    • 完成 ​以返回主控台

    • 開啟 ​以開啟片段編輯器

編輯您的體驗片段 editing-your-experience-fragment

體驗片段編輯器提供與一般頁面編輯器類似的功能。

NOTE
如需如何使用頁面編輯器的詳細資訊,請參閱編輯頁面內容

下列範例程式說明如何建立產品的Teaser:

  1. 元件瀏覽器拖放​ Teaser

    xf-05

  2. 從元件工具列選取​ 設定

  3. 新增資 ,並視需要 定義屬性

  4. 使用​ 完成 (勾選圖示)確認定義。

  5. 視需要新增更多元件。

建立體驗片段變數 creating-an-experience-fragment-variation

您可以根據自己的需求,建立體驗片段的變數:

  1. 開啟您的片段以進行編輯

  2. 開啟​ 變數 ​標籤。

    xf-authoring-06

  3. 建立 ​可讓您建立:

    • 變異

    • 變數為即時副本

      note note
      NOTE
      將初始變數建立為Live Copy時,將會使用Live Copy Source作為主要變數來繼承標題。
  4. 定義必要的屬性:

    • 範本
    • 標題
    • 名稱;如果留空,將從「標題」衍生名稱
    • 說明
    • 變數標籤

    xf-06

  5. 使用​ 完成 (勾選圖示)確認,新的變數會顯示在面板中:

    xf-07

使用您的體驗片段 using-your-experience-fragment

您現在可以在編寫頁面時使用您的體驗片段:

  1. 開啟任何頁面進行編輯。

    note note
    NOTE
    頁面必須以可編輯的範本為基礎。

    例如: https://localhost:4502/editor.html/content/we-retail/language-masters/en/products/men.html

  2. 從元件瀏覽器將元件拖曳至頁面段落系統,建立體驗片段元件的例項:

    xf-08

  3. 將實際的體驗片段新增到元件例項;可以:

    • 從Assets瀏覽器拖曳所需的片段,並放置到元件上
    • 從元件工具列選取​ 設定 ​並指定要使用的片段,以​ 完成 (勾號)確認

    xf-09

    note note
    NOTE
    元件工具列中的「編輯」可作為在片段編輯器中開啟片段的捷徑。

建置區塊 building-blocks

您可以選取一或多個元件,以建立要在片段中回收的建置區塊:

建立建置區塊 creating-a-building-block

若要建立建置區塊:

  1. 在體驗片段編輯器中,選取您要重複使用的元件:

    xf-10

  2. 從元件工具列中選取​ 轉換成建置區塊

    xf-authoring-13-icon

  3. 輸入建置塊的名 ,並使用 Convert確認:

    xf-11

  4. 建置區塊 ​會顯示在索引標籤中,並可在段落系統中選取:

    xf-12

管理建置區塊 managing-a-building-block

您的建置區塊會顯示在​ 建置區塊 ​標籤中。 對於每個區塊,都可使用下列動作:

  • 前往主版:在新標籤中開啟根頁面變數
  • 重新命名
  • 刪除

xf-13

使用建置區塊 using-a-building-block

您可以將建置區塊拖曳至任何片段的段落系統,就像對任何元件一樣。

您的體驗片段的詳細資料 details-of-your-experience-fragment

您可以檢視片段的詳細資訊:

  1. 詳細資訊會顯示在​ 體驗片段 ​主控台的所有檢視中,其中​ 清單檢視 ​包含匯出至Target的詳細資訊:

    ef-03

  2. 當您開啟體驗片段的​ 屬性 ​時:

    ef-04

    屬性位於各種標籤中:

    note caution
    CAUTION
    當您從體驗片段主控台開啟​ 屬性 ​時,會顯示這些標籤。
    如果您 在編輯體驗片段時開啟屬性 ,則會顯示適當 的頁面屬性

    ef-05

    • 基本

      • 標題 — 必要

      • 說明

      • 標籤

      • 變體總數 — 僅供參考

      • 網路變體的數目 — 僅供參考

      • 非網路變數的數目 — 僅資訊​ 資訊

      • 使用此片段的頁數 — 僅供參考

    • Cloud Service

      • 雲端設定
      • Cloud Service設定
      • Facebook頁面ID
      • Pinterest展示板
    • 個參考

      • 參考清單。
    • 社群媒體狀態

      • 社群媒體變數的詳細資訊。

純HTML轉譯 the-plain-html-rendition

使用URL中的.plain.選取器,您可以從瀏覽器存取純HTML轉譯。

NOTE
雖然這可以直接從瀏覽器取得,但主要目的是允許其他應用程式(例如協力廠商網頁應用程式、自訂行動實作)僅使用URL直接存取體驗片段的內容。

匯出體驗片段 exporting-experience-fragments

依預設,體驗片段會以HTML格式傳送。 AEM和協力廠商管道均可使用此函式。

若要匯出至Adobe Target,也可以使用JSON。 如需完整資訊,請參閱Target與體驗片段的整合

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2