体验片段

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

体验片段:

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

您可以使用体验片段:

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

对体验片段的写访问权限要求在组中注册用户帐户:

experience-fragments-editors

如果您遇到任何问题,请联系您的系统管理员。

应在何时使用体验片段?

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

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

    • 将重复使用内容相同或相似的体验
  • 当您使用 AEM 作为第三方的内容交付平台时。

    • 任何需要使用 AEM 作为内容交付平台的解决方案
    • 将内容嵌入第三方触点
  • 当您有一个具有不同变体或呈现版本的体验时。

    • 特定于渠道或上下文的变体
    • 一些对组织有意义的体验(例如,在各渠道间具有不同体验的营销活动)
  • 当您使用全渠道商业时。

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

组织您的体验片段

建议执行以下操作:

创建文件夹允许您:

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

注意

以下屏幕截图是从WKND站点拍摄的,将Adobe Experience Manager用作Cloud Service。

体验片段的文件夹

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

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

  1. 创建文件夹

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

注意

也可以为实例🔗配置允许的模板,但建议​​使用此方法,因为升级时可能会覆盖这些值。

为文件夹配置允许的模板

注意

这是指定​允许的模板​的推荐方法,因为升级时不会覆盖这些值。

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

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

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

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

    体验片段属性 - 允许的模板

  4. 选择​保存并关闭

为实例配置允许的模板

注意

不建议使用此方法更改​允许的模板,因为在升级时可能会覆盖指定的模板。

此对话框仅供参考之用。

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

  2. 选择​配置选项

    “配置”按钮

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

    配置 Experience Fragments

  4. 选择​保存

创建体验片段

要创建体验片段,请执行以下操作:

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

    screen_shot_2018-04-05at92221am1

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

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

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

    xf-authoring-02

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

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

    xf-authoring-03

  5. 单击​创建

    将显示一条消息。选择:

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

编辑您的体验片段

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

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

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

    xf-authoring-04

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

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

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

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

创建体验片段变体

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

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

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

    xf-authoring-06

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

    • 变量
    • live-copy 形式的变体
  4. 定义所需属性:

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

    xf-authoring-07

  5. 使用​完成(勾选图标)确认,新的变体将显示在面板中:

    xf-authoring-08

使用您的体验片段

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

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

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

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

    xf-authoring-09

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

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

    xf-authoring-10

    注意

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

构建基块

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

创建构建基块

要创建构建基块,请执行以下操作:

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

    xf-authoring-12

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

    xf-authoring-13-icon

    例如:

    xf-authoring-13

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

    xf-authoring-14

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

    xf-authoring-15

管理构建基块

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

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

xf-authoring-16

使用构建基块

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

纯 HTML 呈现版本

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

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

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

  • 类型:srchrefaction

  • 或结尾:-src-href

例如:

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

注意

链接始终引用发布实例。 它们旨在由第三方使用,因此始终从发布实例调用链接,而不是从作者调用。

xf-authoring-17

导出体验片段

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

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

On this page

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now