AEM mobile内容个性化

注意

Adobe建议对需要基于单页应用程序框架的客户端渲染(例如,React)的项目使用SPA编辑器。 了解更多.

注意

本文档是《AEM Mobile Guide入门指南》(AEM Mobile参考的推荐起点)的一部分。

AEM mobile内容个性化功能允许 AEM作者利用 Adobe Target ,个性化移动应用程序内容。 这允许向移动应用程序用户提供目标推广信息。 Adobe Experience Manager mobile能够创建、定位和交付内容,为用户提供特定于其个人口味的内容。

与AEM中的常见情况一样,为了使作者能够开始创建此内容,管理员和开发人员需要首先准备环境。

需要AEM管理员 ,才能在AEM mobile和Adobe Target云服务之间建立连接。

同时,AEM mobile开发人 员需要修改其现有脚本 ,以便于进行目标内容创作。

适用于管理员

在内容作者开始为移动应用程序生成目标内容之前,需要先完成许多步骤:您可以为用户和用户组获取正确的权限集,创建云服务,为活动配置应用程序,最后生成内容。

本文将指导您完成配置 AEM Mobile Hybrid Reference Application进行定位的过程

未来的假设是AEM Mobile Hybrid Reference Application已成功部署并可通过AEM Mobile控制面板访问。

在作者可以在应用程序内生成目标内容之前,您的AEM实例需 要使用Adobe Target cloud服务进行配置。

权限

需要访问个性化控制台的用户必须是组的一 target-activity-authors 部分。

建议在用户和用户组设置中,将target-activity-group添加到apps-admins组。 通过添加target-activity-authors组,用户将能够看到个性化导航菜单条目。

注意

忘记将要有权访问个性化管理控制台的用户或用户组添加到target-activity-authors组将阻止用户看到个性化控制台。

云服务

要使目标内容适用于移动应用程序,需要配置两个服务:Adobe Target服务和Adobe Mobile services服务。 Adobe Target service为处理客户请求和返回个性化内容提供了引擎。 Adobe Mobile services服务通过ADBMobileConfig.json文件(由AMS Cordova插件使用)提供Adobe服务与移动应用程序之间的连接。 从AEM Mobile控制面板中,您可以通过添加这两个服务来配置应用程序。

在AEM Mobile控制面板中,找到管理云服务,然后单击+按钮。

chlimage_1-38

从“添加云服务”向导中,选择“Adobe Target”云服务卡,然后单击“下一步”。

chlimage_1-39

从选择配置下拉列表中,您可以创建新配置或从现有配置中进行选择。 要创建新配置,请从下拉菜单中选择“创建配置”。 输入Target配置的标题。 输入与Target帐户关联的客户代码、电子邮件和密码。 如果您不知道这些字段的值,请与Adobe target支持联系。 单击“验证”按钮以验证凭据。 验证后,单击“提交”按钮以创建云服务。

注意

创建的云服务会通过向导自动与移动应用程序关联。 cq:cloudserviceconfigs属性值在应用程序组节点的jcr:content节点上设置。 对于混合应用程序范例,将在/content/mobileapps/hybrid-reference-app/jcr:content上设置,其值指向位于/etc/cloudservices/testandtarget/adobe-target—aem-apps/framework的自动生成的框架节点。 框架节点默认设置有两个属性,即性别和年龄。 框架仅供AEM预览使用,对设备没有任何影响。

完成向导后,“管理云服务”拼贴将包含Target云服务,但是,它包含有关缺少Adobe Mobile service帐户的警告。

chlimage_1-40

Adobe Mobile Services

还需要将Adobe Mobile Services(AMS)帐户关联到应用程序,AMS服务提供所需的ADBMobileConfig.json文件,其中包含Target客户端代码信息。 在创建与AMS帐户的关联之前,AMS帐户需要由具有AMS权限的用户修改。

客户代码

要登录AMS服务,请访问https://mobilemarketing.adobe.com ,选择手机应用程序并单击设置。 找到“SDK目标选项”字段,将客户端代码放入该字段中,然后单击“保存”。

chlimage_1-41

既然客户端代码已与移动应用程序关联,通过Adobe Mobile Dashboard配置AMS云服务后,服务设置的设置将通过ADBMobileConfig.json文件传送。

Adobe Mobile Service Cloud Service

AMS已配置完毕,现在是时候在Adobe Mobile Dashboard中关联移动应用程序了。 在AEM Mobile控制面板中,找到管理云服务,然后单击+按钮。

chlimage_1-42

选择Adobe Mobile services卡并单击“下一步”。

chlimage_1-43

从创建或选择向导步骤中,选择Mobile service下拉列表,然后选择创建配置条目。 提供标题、公司、用户名、密码,然后选择相应的数据中心。 如果您不知道这些值,请与Adobe Mobile service管理员联系以获取它们。 填写完所有字段后,单击“验证”按钮。 验证过程将转到AMS并验证帐户的凭据,成功验证后,将填充移动应用程序列表,您可以从下拉列表中选择关联的移动应用程序。 单击“提交”按钮以完成向导。 该过程可能需要一点时间才能获得配置数据以及与应用程序相关的任何分析。 完成该过程后,单击模态中的“完成”按钮,返回Adobe Mobile Dashboard。

返回至Mobile Dashboard,“管理云服务”拼贴将包含AMS云服务。 您还会注意到,“分析指标”拼贴中将填充生命周期报告。

chlimage_1-44

对于作者

​入门项目:如上所述,管理员需要先配置与Adobe Target服务的连接,然后作者才能生成新的目标内容。

管理员配置了两种云服务,开发人员配置了mobileapporfers处理程序后,内容作者现在可以开始生成目标体验。

在AEM mobile应用程序中创作目标内容的过程与创作AEM Sites的过程类似:

有关在AEM中创作目标内容的 完整概述,请参阅此处

对于开发人员

构建移动应用程序的AEM开发人员应继续遵循开发组件时在AEM中常用的模式。 在此,我们将引导您完成使内容作者能够创建目标内容的必要步骤:

Adobe Target ContentSync处理程序

要向用户的设备内容传送内容,请通过呈现由AEM内容作者创建的选件来生成内容。 要处理目标选件的呈现,有一个新的内容同步处理程序将处理选件。 使用Hybrid Reference Application作为示例,en(英语)内容包中包含带mobileapporfers处理函数的ContentSyncConfig 。 下一步是向设备呈现选件的关键步骤。 mobileapporfers处理程序有一个路径属性,用于标识要用于应用程序的个性化活动的路径。

例如,如果存在位于 /content/campaigns/hybridref的活动,请复制此路径,并将其作为值粘贴到mobileapporfers处理程序的** path属性中。

注意

对于Hybrid Reference Application,有两个mobileapporfer处理程序,一个用于开发,一个用于制作。

在mobileapporfers处理程序的路径属性中设置活动路径后,保存该处理程序。 该处理程序现在可以开始为我们的移动设备渲染选件。

渲染模式

mobileapporfers处理程序的配置方式与发布和开发设置不同。 对于发布设置,存在一个名为 renderMode的属性 ,该属性在cq:ContentSyncConfig节点上 设置了publish 的值。 mobileapporfers处理函数引用renderMode,如果设置为发布,将修改创建的mbox id。 默认情况下,由AEM创建的mbox在mbox id上附加一个—author值。 这会标识活动尚未发布,并应使用未发布的营销活动解决选件问题。

通过Adobe Mobile Dashboard暂存内容时,暂存内容将被视为生产就绪内容,并通过非开发内容同步配置进行呈现。 以这种方式呈现将导致从所有mbox ID中删除—author,并期望在Target服务器上提供已发布的活动。 在测试分阶段内容之前,请确保已发布活动。

个性化App开发

组件

任何内容的基础通常是页面组件,它根据您使用的是HTL还是JSP,扩展了基本AEM页面组件wcm/foundation/components/page或foundation/components/page中的任一个。 这些步骤的持续时间将集中在使用wcm/foundation/components/page组件。 页面组件的基本结构被分解为多个脚本,每个脚本提供允许开发人员根据需要组织和覆盖其代码的特定用途。 “个性化”需要的两个脚本是head.html和body.html。 这两个脚本提供了一个可插入代码以支持Context Hub、云服务和移动创作的区域。

以下是用于启用内容定位的两个主要脚本的概述。

head.html

要使作者能够定位其内容,需要将目标菜单添加到页面,以便作者能够将上下文从编辑模式更改为定位模式。 要启用此功能,开发人员应修改head.html脚本,以在head.html顶部附近或尽可能靠近<title></title>元素的位置包含以下代码片断。

<meta data-sly-test="${!wcmmode.disabled}">
    <div data-sly-call="${clientLib.all @ categories='personalization.kernel'}" data-sly-unwrap></div>
    <div data-sly-resource="${'config' @ resourceType='cq/personalization/components/clientcontext_optimized/config'}" data-sly-unwrap></div>
    <div data-sly-resource="${'contexthub' @ resourceType='granite/contexthub/components/contexthub'}" data-sly-unwrap></div>
</meta>
注意

请注意,仅当未禁用WCM模式时才应包括该脚本,这样在禁用WCM模式时(有关详细信息,请参阅ContentSync处理程序的部分),该脚本将不包括在最终的应用程序代码中。

为使作者能够预览目标内容,编辑者需要能够找到Adobe Target云服务的配置。 下面的代码块添加了两个重要的脚本。 首先添加页面查找关联的Target云服务并发出Adobe Target调用的功能。 第二个是添加了cq.apps.targeting类别。

cq.apps.targeting ​类别会覆盖默认的cq/personalization/component/target组件,并使用mobileapps/components/target组件来呈现专为移动应用程序使用而提供的选件。 有关此功能的更多详细信息,请参阅目标组件部分。

应将代码添加到head.html中,并放在</head>元素结尾之前。

<div data-sly-test="${!wcmmode.disabled}">
    <div data-sly-include="/libs/cq/cloudserviceconfigs/components/servicelibs/servicelibs.jsp" data-sly-unwrap></div>
    <meta data-sly-call="${clientLib.all @ categories='cq.apps.targeting'}" data-sly-unwrap></meta>
</div>
注意

请注意,代码块打包在WCM模式中时未禁用,因此仅在内容作者正在创建内容时才开始播放。 云服务脚本不会添加到生成的移动运行时代码中。

body.html

要使内容作者能够测试body.html脚本的不同角色,需要将以下代码块作为body元素的第一个子代包含进来。

<div data-sly-test="${!wcmmode.disabled}">
    <div data-sly-resource="${'clientcontext' @ resourceType='cq/personalization/components/clientcontext_optimized'}" data-sly-unwrap></div>
</div>

所需的最后一位代码位于body.html的最底部。 此代码位会查找关联的云服务并注入相应的定位引擎代码。

<div data-sly-test="${!wcmmode.disabled}">
    <div data-sly-resource="${'cloudservices' @ resourceType='cq/cloudserviceconfigs/components/servicecomponents'}" data-sly-unwrap></div>
</div>

引用应用程序

可以在 AEM Mobile Hybrid Reference Application中找到head.html和body.html的示例 ,该应用程序显示开发人员将脚本块放在两个脚本中的位置。

内容同步处理程序

当内容作者为移动应用程序创建完内容后,下一步是下载源并构建应用程序,或暂存要发布的内容。 开发人员需要执行许多步骤才能实现此目标。 为了帮助渲染内容,AEM Mobile使用内容同步处理程序渲染和打包内容。 为个性化用例引入了一个新的内容同步处理程序,用于呈现目标内容。 “mobileapporfers”处理函数知道如何呈现由内容作者创建的关联目标选件。 mobileapporfers处理函数因此扩展了抽象页面更新处理函数,因此许多属性都类似。 mobileapporfers处理程序的详细信息具有以下属性。

属性 描述
重写 + relativeParentPath

- "/"

rewrite属性标识内容中的路径应如何重写。
includedPageTypes

"cq/personalization/components/teaserpage",

“cq/personalization/components/offerproxy”

includePageTypes属性是可选的,默认使用资源类型为cq/personalization/components/teaserpage和cq/personalization/components/offerproxy的页面。 这两种资源类型是定位内容时使用的默认资源类型。 如果需要支持其他资源类型,应将其添加到includePageTypes列表中。
locationRoot /content/mobileapps/<app> 应用程序的位置。
类型 mobileapporffers 作为mobileapporfers的处理函数的名称。
选择器 tandt 标准选择器用于呈现目标内容。
targetRootDirectory ww 保留呈现内容的根目录。
includeImages true| false 如果为true,则将呈现选件中包含的任何图像。 如果跳过假图像。
includeVideos true| false 如果为true,则将呈现选件中包含的所有视频。 如果跳过假视频。
路径 /content/campaigns/<brand> 指向选件参与的营销活动的品牌。 目前,所有选件必须来自同一营销活动。
true| false 如果以递归方式呈现所有子页面,则为true,如果为false则不以递归方式呈现。
扩展 html 设置要呈现的资源的扩展。 设置为html,使页面具有。html扩展名。
注意

AEM Mobile Hybrid引用应用程序具有默认的mobileappoffer处理程序的配置。 示例中的路径属性为空,因为它取决于营销活动位置。 营销活动作者创建营销活动后,应用程序管理员应通过指定指向营销活动的路径属性,将营销活动与处理程序关联。

目标组件

为了帮助渲染专门针对移动应用程序的内容,AEM mobile使用mobileapps/components/target组件。 移动目标组件扩展了cq/personalization/components/target组件,并覆盖engine_tnt.jsp脚本。 通过覆盖engine_tnt.jsp,AEM mobile可以控制为移动应用程序用例生成的HTML。 对于内容作者瞄准的每个组件,engine_tnt.jsp将创建关联的mbox。

对于每个mbox,都会添加 cq-targeting的属性 ,使应用程序开发人员能编写自定义代码,随心所欲地使用。 AEM Mobile Hybrid Reference App (AEM Mobile Hybrid Reference App)有一个使用cq-targeting属性的Angular指令的示例。 内容替换的时间和方式由移动应用程序开发人员决定。 有一个通过AEM /etc/clientlibs/mobileapps/js/mobileapps.js交付的Mobile SDK,它提供了一个调用Adobe Targeting服务的API。 应用程序开发人员应根据应用程序的设计指定何时应进行该调用。

下一步是什么?

  1. 开始我的AEM mobile应用程序体验
  2. 管理我的应用程序的内容
  3. 构建我的应用程序
  4. 使用Adobe Mobile Analytics跟踪我的应用程序的性能
  5. 使用Adobe Target提供个性化的App体验
  6. 向我的用户发送重要消息

在此页面上