体验片段

在 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 与体验片段集成,以获取完整信息。

在此页面上