14.3准备Adobe Experience Platform数据收集客户端属性和Web SDK设置以进行Offer decisioning

注意

目前,在Adobe Experience Platform Web SDK中使用Offer decisioning可供选定用户抢先体验。 并非所有IMS组织都能使用此功能。

14.3.1更新数据流

练习0.2中,您创建了自己的​Datastream。 然后,使用名称​ldap — 演示系统数据流,并将​ldap​替换为ldap。

在本练习中,您需要将​Datastream​配置为与​Offer Decisioning​一起使用。

要实现此目的,请转到https://experience.adobe.com/#/data-collection/。 然后你会看到这个。 单击​数据流。 搜索​Datastream。 单击​Datastream​以将其打开。

WebSDK

然后你会看到这个。 单击​开发环境

WebSDK

在​开发环境​中,您将看到Adobe Experience Platform配置。

WebSDK

要启用​Offer Decisioning,请选中​Offer Decisioning​复选框。

WebSDK

单击​保存

WebSDK

然后你会回来。 单击​暂存环境

WebSDK

要启用​Offer Decisioning,请选中​Offer Decisioning​复选框。

WebSDK

单击​保存

WebSDK

然后你会回来。 单击​生产环境

WebSDK

要启用​Offer Decisioning,请选中​Offer Decisioning​复选框。

WebSDK

单击​保存

WebSDK

您的​Datastream​现已准备好与​Offer Decisioning​一起使用。

14.3.2配置Adobe Experience Platform数据收集客户端属性以请求个性化优惠

转到https://experience.adobe.com/#/data-collection/,到​Client。 搜索名为​ldap — 演示系统(DD/MM/YYYY)​的Adobe Experience Platform数据收集客户端属性。 打开Web的Adobe Experience Platform数据收集客户端属性。

WebSDK

在您的资产中,转到​Rules​并打开规则​所有常规页面

WebSDK

单击以打开Action AEP Web SDK - Send Event

WebSDK

然后你会看到这个。 您会注意到​决策范围​的菜单选项。

WebSDK

对于发送到Edge和Adobe Experience Platform的每个请求,都可以提供一个或多个​决策范围决策范围​是两个元素的组合:

  • 决策ID
  • 版面 ID

让我们首先查看一下您可以在何处找到这两个元素。

14.3.2.1检索版面ID

版面ID标识所需资产的位置和类型。 例如,Luma网站主页上的主页图像与Web — 图像的放置ID相对应。

WebSDK

要查找Web — 图像的版面ID,请转到https://platform.adobe.com

接下来,转到组件,然后转到版面。 单击Web - Image位置以查看其详细信息。

WebSDK

如上图所示,在本例中,放置ID为xcore:offer-placement:129048460001fd30。 为Web — 图像的版面写下版面ID,因为您将在下一个练习中需要它。

14.3.2.2检索您的决策ID

决策ID可标识您要使用的个性化选件和备用选件的组合。 在上一个练习中,您创建了自己的Decision并将其命名为​ldap - Luma Decision

要查找​ldap - Luma Decision​的决策ID,请转到https://platform.adobe.com

接下来,转到选件,然后转到决策。 单击以选择Decision,名为​ldap - Luma Decision

WebSDK

如上图所示,在本例中, 决策ID为xcore:offer-activity:1290525f4441fd6e。 为您的决策ldap - Luma决策写下决策ID ,因为您将在下一个练习中需要它。

现在,您已检索到创建​决策范围​所需的两个元素,接下来可以继续执行下一步,其中涉及对决策范围进行编码。

14.3.2.3 BASE64编码

您需要输入的​决策范围​是一个BASE64编码的字符串。 此BASE64编码字符串是放置ID和决策ID的组合,如下所示。

{
  "activityId":"xcore:offer-activity:1290525f4441fd6e",
  "placementId":"xcore:offer-placement:129048460001fd30"
}

决策范围​可通过两种方式生成:

  • 使用诸如https://www.base64encode.org/之类的公共服务。 按照上述方式输入JSON代码,单击​编码,您将在下面获得BASE64编码字符串。

    WebSDK

  • 从Adobe Experience Platform中检索BASE64编码字符串。 为此,请转到https://platform.adobe.com。 接下来,转到Decisions并单击以打开Decision,名为​ldap - Luma Decision

    WebSDK

    打开​ldap - Luma Decision​后,您将看到此消息。 找到版面Web - Image并单击​Copy​按钮。 接下来,单击​编码决策范围决策范围​现在将复制到剪贴板。

    WebSDK

接下来,返回到Launch,转到您的操作​AEP Web SDK — 发送事件

WebSDK

确保选择选项​输入值,然后将BASE64编码的决策范围粘贴到输入字段中。

WebSDK

在操作​AEP Web SDK — 通过单击​Keep Changes,发送事件​中保存您所做的更改。

WebSDK

接下来,单击​Save​或​Save to Library

WebSDK

在Adobe Experience Platform数据收集中,转到​发布流程,然后打开名为​内容库​的​开发库。 单击​+ Add All Changed Resources,然后单击​Save & Build for Development。 您所做的更改现在将发布到您的演示网站。

WebSDK

现在,每当您加载​常规页面​时,例如演示网站的主页,Offer decisioning都会评估适用的选件,并将返回一个包含要显示的选件详细信息的网站响应。 在网站上显示选件需要额外的配置,您将在下一步中执行此配置。

14.3.3配置Adobe Experience Platform数据收集客户端属性以接收和应用个性化选件

转到https://experience.adobe.com/#/data-collection/,到​属性。 搜索名为​ldap — 演示系统(DD/MM/YYYY)​的Adobe Experience Platform数据收集客户端属性。 打开Web的Adobe Experience Platform数据收集客户端属性。

WebSDK

在您的资产中,转到​Rules

WebSDK

单击 Add Rule.

WebSDK

将​主页 — 收到决策​作为规则的名称。

WebSDK

14.3.3.1事件

单击​+在​EVENTS​下方添加​以添加新事件。

WebSDK

对于​事件配置,选择以下选项:

  • 扩展: AEP Web SDK
  • 事件类型: 收到的决定

WebSDK

单击 Keep Changes.

WebSDK

14.3.3.2条件

你现在会看到这个。 单击​+在​CONDITIONS​下添加​以添加新条件。

WebSDK

对于​Condition Configuration,选择以下选项:

  • 逻辑类型: 常规
  • 扩展: 核心
  • 条件类型: 值比较
  • 名称: 核心 — 值比较
  • 如果为,则返回true
    • %pageName%
    • 等于
    • Luma Home

WebSDK

单击 Keep Changes.

WebSDK

14.3.3.3行动

然后你会看到这个。 单击​+在​ACTIONS​下方添加​以添加新操作。

WebSDK

对于​Action Configuration,选择以下选项:

  • 扩展: 核心
  • 操作类型: 自定义代码
  • 语言: JavaScript

接下来,单击​Open Editor

WebSDK

将以下代码粘贴到编辑器中。

event.decisions.forEach(function(payload) {
  payload.items.forEach(function(item) {
    console.log(">>>>> Offer Decisioning Web SDK Response", item);
    document.getElementById("brandhero").src = item.data.deliveryURL;
  });
});

WebSDK

单击​保存

WebSDK

单击 Keep Changes.

WebSDK

接下来,单击​Save​或​Save to Library

WebSDK

在Adobe Experience Platform数据收集中,转到​发布流程,然后打开名为​内容库​的​开发库。 单击​+ Add All Changed Resources,然后单击​Save & Build for Development。 您所做的更改现在将发布到您的演示网站。

WebSDK

根据这项更改,Adobe Experience Platform数据收集中的此规则现在将侦听来自Offer decisioning的响应(Web SDK响应的一部分),当收到响应时,选件的图像将显示在主页上。

查看Luma演示网站,您会看到此图像将立即被替换:

WebSDK

现在,您将看到类似于以下内容的选件,而不是默认的Luma主页图像:

WebSDK

在下一个练习中,您将逐步了解演示情景。

下一步:14.4使用演示网站测试您的决策

返回到模块14

返回到所有模块

在此页面上