體驗片段

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

體驗片段：

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

您可以使用體驗片段：

  • 如果作者想要重複使用頁面的部分（體驗的片段），則需要複製並貼上該片段。 建立和維護這些複製/貼上體驗非常耗時，且容易發生使用者錯誤。 體驗片段不需要複製/貼上。
  • 支援無頭式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. 導覽至所需資料夾，然後選取 建立.

    xf-02

  3. 選擇 體驗片段 開啟 建立體驗片段 嚮導。

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

    xf-03

  4. 輸入 體驗​片段的屬性。

    A 標題 為必填。 若 名稱 保留為空白，則會從中衍生 標題.

    xf-04

    注意

    來自體驗片段範本的標籤不會與此體驗片段根頁面上的標籤合併。
    這些是完全不同的。

  5. 按一下​建立。

    將顯示一條消息。 選取:

    • 完成 返回控制台

    • 開啟 開啟片段編輯器

編輯體驗片段

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

注意

請參閱 編輯頁面內容 以取得如何使用頁面編輯器的詳細資訊。

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

  1. 拖放 Teaser 從 元件瀏覽器.

    xf-05

  2. 選擇 設定 （從元件工具欄）。

  3. 新增資 產 ，並視需要 定義屬性 。

  4. 使用確認定義 完成 （勾選圖示）。

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

建立體驗片段變異

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

  1. 開啟您的片段 編輯.

  2. 開啟 變異 標籤。

    xf-authoring-06

  3. 建立 可讓您建立：

  4. 定義所需的屬性：

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

    xf-06

  5. 確認為 完成 （勾選圖示），新變數會顯示在面板中：

    xf-07

使用您的體驗片段

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

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

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

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

    xf-08

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

    • 從「資產瀏覽器」拖曳所需片段，並拖放至元件
    • 選擇 設定 從元件工具列中，並指定要使用的片段，請使用確認 完成 （滴答）

    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

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

    注意

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

    ef-05

    • 基本

      • 標題 必填

      • 說明

      • 標記

      • 變體總數 — 僅資訊

      • Web變體數 — 僅資訊

      • 非Web變體的數量 -inf 僅限

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

    • 雲端服務

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

    • 引用

      • 參考清單。

    • 社交媒體狀態

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

純HTML轉譯

使用 .plain. 選取器，您可以從瀏覽器存取純HTML轉譯。

注意

匯出體驗片段

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

若要匯出至Adobe Target，也可以使用JSON。 請參閱 Target與體驗片段整合 以取得完整資訊。

本頁內容