體驗片段

體驗片段是一或多個元件的群組,包括可在頁面中參照的內容和版面。 它們可包含任何元件。

體驗片段:

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

您可以使用體驗片段:

  • 如果作者想要重複使用頁面的部分(體驗的片段),則需要複製並貼上該片段。 建立和維護這些複製/貼上體驗非常耗時,且容易發生使用者錯誤。 體驗片段不需要複製/貼上。
  • 支援無頭式CMS使用案例。 作者只想使用AEM進行製作,而不想提供給客戶。 協力廠商系統/接觸點會使用該體驗,然後傳送給使用者。
注意

體驗片段的寫入存取權要求使用者帳戶須在群組中註冊:

experience-fragments-editors
如果您遇到任何問題,請與系統管理員聯繫。

何時該使用體驗片段?

該使用體驗片段的情況:

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

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

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

    • 管道或內容特定變數
    • 對群組有意義的體驗(例如跨管道具有不同體驗的促銷活動)
  • 使用全通路商務時。

    • 依規模共用社交媒體頻道上與商務相關的內容
    • 將接觸點設為交易式

組織您的體驗片段

建議您:

建立資料夾可讓您:

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

請參閱:

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

體驗片段的資料夾

建立和設定體驗片段的資料夾

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

  1. 建立資料夾

  2. 設定該資料夾允許的體驗片段範本

注意

您也可以設定執行個體🔗的允許範本,但此方法為​not,因為值可在升級時覆寫。

配置資料夾的允許模板

注意

這是指定​允許的範本​的建議方法,因為值在升級時不會覆寫。

  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

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

    注意

    如需詳細資訊,請參閱體驗片段的範本

  4. 選擇​保存並關閉

配置實例的允許模板

注意

不建議使用此方法更改​允許的模板,因為指定的模板在升級時可被覆蓋。
請使用此對話框僅供參考。

  1. 導覽至必要的​體驗片段​主控台。

  2. 選擇​配置選項:

    配置按鈕

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

    設定體驗片段

    注意

    如需詳細資訊,請參閱體驗片段的範本

  4. 選擇​保存

建立體驗片段

若要建立體驗片段:

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

    xf-01

  2. 導航到所需資料夾,然後選擇​Create

    xf-02

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

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

    xf-03

  4. 輸入 體驗片段的屬性

    Title​是必填項。 如果將​Name​留空,則將從​Title​衍生。

    xf-04

  5. 按一下​建立

    將顯示一條消息。 選取:

    • ​Doneto返回主控台

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

編輯體驗片段

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

注意

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

以下范常式式說明如何為產品建立預告:

  1. 元件瀏覽器拖放​預告

    xf-05

  2. 從元件工具欄中選擇​配置

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

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

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

建立體驗片段變異

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

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

  2. 開啟​Variations​標籤。

    xf-authoring-06

  3. ​建立可讓您建立:

    • 變異
    • 變數為 live-copy.
  4. 定義所需的屬性:

    • 範本
    • 標題
    • 名稱;若保留為空白,則從標題衍生
    • 說明
    • 變數標記

    xf-06

  5. 使用​Done(勾選圖示)確認,新變數將顯示在面板中:

    xf-07

使用您的體驗片段

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

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

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

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

    xf-06

  3. 將實際的體驗片段新增至元件例項;其中之一:

    • 從「資產瀏覽器」拖曳所需片段,並拖放至元件
    • 從元件工具欄中選擇​配置​並指定要使用的片段,使用​Done​確認(勾選)

    xf-09

    注意

    在元件工具列中,編輯作為在片段編輯器中開啟片段的捷徑。

建置區塊

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

建立構建塊

要建立新的構建塊:

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

    xf-10

  2. 從元件工具欄中,選擇​轉換為構建塊:

    xf-authoring-13-icon

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

    xf-11

  4. 立區塊 (Building Block)將顯示在頁籤中,並可在段落系統中選擇:

    xf-12

管理構建塊

您的構建塊顯示在​構建塊​頁簽中。 對於每個區塊,可使用下列動作:

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

xf-13

使用構建塊

您可以將建置區塊拖曳至任何片段的段落系統,如同任何元件。

體驗片段的詳細資料

您可以看到片段的詳細資訊:

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

    ef-03

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

    ef-04

    屬性可在各種標籤中使用:

    注意

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

    ef-05

    • 基本

      • 標題 — 必填

      • 說明

      • 標記

      • 變體的總數 — 僅提供資訊

      • Web變體數 — 僅資訊

      • 非Web變體的數量 — 僅​提供資訊

      • 使用此片段的頁數 — 僅提供資訊

    • 雲端服務

      • 雲端設定
      • 雲端服務設定
      • Facebook 頁面 ID
      • Pinterest Board
    • 引用

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

      • 社交媒體變異的詳細資訊。

純HTML格式副本

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

注意

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

匯出體驗片段

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

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

本頁內容