体验片段

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

体验片段:

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

您可以使用体验片段:

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

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

experience-fragments-editors

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

应在何时使用体验片段?

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

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

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

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

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

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

组织您的体验片段

建议执行以下操作:

创建文件夹允许您:

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

注意

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

体验片段的文件夹

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

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

  1. 创建文件夹

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

注意

也可以为实例](#configure-allowed-templates-instance)配置[允许的模板,但建议使用​​此方法,因为升级时可能会覆盖这些值。

为文件夹配置允许的模板

注意

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

  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直接访问体验片段的内容。

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

  • 类型:srchrefaction

  • 或结束于:-src-href

例如:

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

注意

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

xf-authoring-17

导出体验片段

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

对于出口至Adobe Target,使用HTML。 请参阅 Target 与体验片段集成,以获取完整信息。

在此页面上