体验片段

在 Adobe Experience Manager as a Cloud Service 中,体验片段:

  • 是包含一个或多个组件的组
  • 包括内容和布局
  • 可以在页面中引用
  • 可包含任意组件。

体验片段:

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

您可以使用体验片段:

  • 满足作者希望重复使用页面各个部分(体验的片段)的需求。
    如果没有体验片段,作者需要复制并粘贴该片段。创建并维护这些复制/粘贴体验非常费时,而且容易导致用户错误。体验片段无需复制/粘贴。
  • 支持无头 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. 为该文件夹配置允许的体验片段模板

注意

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

为文件夹配置允许的模板

注意

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

  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. 在​配置体验片段​对话框中指定所需的模板:

    配置 Experience Fragments

    注意

    请参阅体验片段的模板,以进一步了解详细信息。

  4. 选择​保存

创建体验片段

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

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

    导航面板中的体验片段

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

    为体验片段创建文件夹

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

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

    选择体验片段模板

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

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

    体验片段属性

  5. 单击​创建

    将显示一条消息。选择:

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

编辑您的体验片段

体验片段编辑器提供了与普通页面编辑器类似的功能。

注意

请参阅编辑页面内容以了解有关如何使用页面编辑器的更多信息。

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

  1. 组件浏览器中拖放所需的组件。

  2. 具体取决于组件:

    • 根据需要添加任何内容和/或资产。
    • 根据需要配置属性。
  3. 根据需要添加更多组件。

例如:http://<host>:<port>/editor.html/content/experience-fragments/wknd/language-masters/en/contributors/stacey-roswells/master.html

页面上的体验片段

创建体验片段变体

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

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

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

    创建体验片段变量

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

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

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

    例如:

    变量属性

  5. 使用​完成​确认,新的变量将显示在面板中。

使用您的体验片段

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

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

  2. 在页面段落系统中创建体验片段组件的实例:

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

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

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

例如:http://<host>:<port>/editor.html/content/wknd/language-masters/en/about-us.html

页面编辑器中的体验片段

构建基块

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

创建构建基块

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

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

    为构建基块选择组件

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

    “构建基块”按钮

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

    为构建基块命名

  4. 构建基块​将显示在左侧选项卡(本地)中,并可以选择该基块以执行进一步操作:

    边栏中的构建基块

管理构建基块

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

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

管理构建基块

使用构建基块

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

编辑体验片段时,可用的构建基块会显示在左侧选项卡中。您可以根据以下条件进行筛选:

  • 本地 - 当前体验片中段的构建基块
  • 全部 - 所有片段中的构建基块

选择构建基块

您的体验片段的详细信息

可以查看片段的详细信息:

  1. 导航到体验片段的位置(请勿进一步导航到片段中的变体)。
    详细信息将显示在体验片段​控制台的所有视图中,其中​列表视图​包含导出到 Target 的详细信息:

    体验片段详细信息

  2. 在您打开体验片段的​属性​时:

    “属性”按钮

    这些属性位于各种选项卡中:

    注意

    当您从体验片段控制台中打开​属性​时,会显示这些选项卡。

    如果在编辑体验片段时​打开属性,则会显示相应的页面属性

    体验片段属性

    • 基本
      • 标题 - 必填项
      • 描述
      • 标记
      • 变体总数 - 仅供参考
      • Web 变体的数量 - 仅供参考
      • 非 Web 变体的数量 - 仅供参考
      • 使用此片段的页数 - 仅供参考
    • 云服务
      • 云配置
      • 云服务配置
      • Facebook 页面 ID
      • Pinterest 钉板
    • 引用
      • 引用列表
    • 社交媒体状态
      • 社交媒体变体的详细信息

纯 HTML 呈现版本

使用 URL 中的 .plain. 选择器,您可以从浏览器中访问纯 HTML 呈现版本。

导出体验片段

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

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

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
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