体验片段

体验片段是由一个或多个组件构成的组件组，包括可在页面内引用的内容和布局。它们可包含任意组件。

体验片段：

• 体验的一部分（页面）。
• 可以跨多个页面使用。
• 基于模板（仅可编辑）来定义结构和组件。
• 由段落系统中的一个或多个的组件及布局构成。
• 可以包含其他体验片段。
• 可以与其他组件（包括其他体验片段）结合使用来构成完整的页面（体验）。
• 可以具有不同的变体，可共享内容和/或组件。
• 可以划分为可在片段的多个变体中使用的构建基块。

您可以使用体验片段：

• 如果作者希望重复使用页面的某些部分（某个体验片段），则需要复制并粘贴该片段。创建并维护这些复制/粘贴体验非常费时，而且容易导致用户错误。体验片段无需复制/粘贴。
• 支持无头 CMS 用例。作者希望仅将 AEM 用于创作，而不是用于提供给客户。第三方系统/触点会使用该体验，然后将其提供给最终用户。

应在何时使用体验片段？

体验片段应在以下时候使用：

• 当您需要重复使用体验时。

  • 将重复使用内容相同或相似的体验

• 当您使用 AEM 作为第三方的内容交付平台时。

  • 任何需要使用 AEM 作为内容交付平台的解决方案
  • 将内容嵌入第三方触点

• 当您有一个具有不同变体或呈现版本的体验时。

  • 特定于渠道或上下文的变体
  • 一些对组织有意义的体验（例如，在各渠道间具有不同体验的营销活动）

• 当您使用全渠道商业时。

  • 在社交媒体渠道中大规模共享商业相关内容
  • 使触点具有事务性

组织您的体验片段

建议执行以下操作：

• 使用文件夹组织您的体验片段；

• 在这些文件夹中配置允许的模板。

创建文件夹允许您：

• 为您的体验片段创建有意义的结构；例如，根据分类

  注意

  无需将体验片段的结构与站点的页面结构保持一致。

• 在文件夹级别分配允许的模板

  注意

  您可以使用模板编辑器创建自己的模板。

以下示例显示了根据Contributors构建的体验片段。 使用的结构还说明了如何使用其他功能，如多站点管理（包括语言副本）。

为体验片段创建和配置文件夹

要为体验片段创建和配置文件夹，建议执行以下操作：

1. 创建文件夹。

2. 为该文件夹配置允许的体验片段模板。

为文件夹配置允许的模板

1. 导航到所需的​体验片段​文件夹。

2. 选择文件夹，然后选择​属性。

3. 在​允许的模板​字段中指定用于检索所需模板的正则表达式。

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

   

4. 选择​保存并关闭。

为实例配置允许的模板

1. 导航到所需的​体验片段​控制台。

2. 选择​配置选项：

   

3. 在​配置体验片段​对话框中指定所需的模板：

   

4. 选择​保存。

创建体验片段

要创建体验片段，请执行以下操作：

1. 从全局导航中选择​体验片段。

   

2. 导览至所需的文件夹，然后选择​创建。

3. 选择​体验片段，以打开​创建体验片段​向导。

   选择所需的​模板，然后选择​下一步：

   

4. 输入​体验片段​的属性。

   标题​是必填项。如果​名称​留空，将从​标题​派生名称。

   

5. 单击​创建。

   将显示一条消息。选择：

   • 完成，可返回至控制台
   • 打开，可打开片段编辑器

编辑您的体验片段

体验片段编辑器提供了与普通页面编辑器类似的功能。请参阅编辑页面内容以了解有关其用法的更多信息。

以下示例过程说明了如何为产品创建 Teaser：

1. 从组件浏览器中拖放​类别Teaser。

   

2. 从组件工具栏中选择​配置。

3. 添加​资产，并根据需要定义​属性。

4. 使用​完成（勾选图标）确认定义。

5. 根据需要添加更多组件。

创建体验片段变体

您可以根据自己的需要创建体验片段的变体：

1. 打开您要进行编辑的片段。

2. 打开​变体​选项卡。

   

3. 创建​使您能够创建：

   • 变量
   • live-copy 形式的变体。

4. 定义所需属性：

   • 模板
   • 标题
   • 名称；如果留空，将从“标题”派生名称
   • 描述
   • 变体标记

   

5. 使用​完成（勾选图标）确认，新的变体将显示在面板中：

   

使用您的体验片段

您现在可以在创作页面时使用您的经验片段：

1. 打开要编辑的任何页面。

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

2. 通过将组件从组件浏览器拖动到页面段落系统来创建“体验片段”组件的实例：

   

3. 向组件实例添加实际的体验片段；通过：

   • 将所需片段从资产浏览器拖放到该组件上
   • 从组件工具栏中选择​配置，指定要使用的片段，然后使用​完成（勾选图标）确认

   

   注意

   组件工具栏中的“编辑”将用作在片段编辑器中打开片段的快捷方式。

构建基块

您可以选择一个或多个组件来创建用于在片段中回收的构建基块：

创建构建基块

要创建构建基块，请执行以下操作：

1. 在体验片段编辑器中，选择要重复使用的组件：

   

2. 从组件工具栏中选择​转换为构建基块：

   

   例如：

   

3. 输入​构建基块​的名称，然后使用​转换​进行确认：

   

4. 构建基块​将显示在选项卡中，并可在段落系统中进行选择：

   

管理构建基块

您的构建基块会显示在​构建基块​选项卡中。对于每个基块，可执行以下操作：

• 转至母版：在新选项卡中打开母版变体
• 重命名
• 删除

使用构建基块

您可以将构建基块拖动到任何片段的段落系统，就像对任何组件一样。

纯 HTML 呈现版本

使用URL中的.plain.选择器，可以访问纯HTML再现。

可以从浏览器访问，但其主要用途是允许其他应用程序（例如，第三方Web应用程序、自定义移动实施）仅使用URL直接访问Experience Fragment的内容。

纯HTML再现将协议、主机和上下文路径添加到以下路径：

• 类型：src、href或action

• 或结尾：-src或-href

例如：

.../brooklyn-coat/master.plain.html

导出体验片段

默认情况下，将以 HTML 格式提供体验片段。这可以由 AEM 和相似的第三方渠道使用。

要导出到Adobe Target，使用HTML。 请参阅 Target 与体验片段集成，以获取完整信息。