使用Platform Web SDK设置Adobe Target

转到标记的​ 扩展 ​部分

为Adobe Experience Platform Web SDK扩展选择​ 配置

选择​ 将预隐藏代码片段复制到剪贴板 ​按钮

转到标记的​ 扩展 ​部分

为Platform Web SDK扩展选择​ 配置 ​按钮

选择​ 编辑预隐藏样式 ​按钮

修改CSS以包含要使用的选择器和隐藏方法，例如： body { opacity: 0 !important }（如果要预隐藏页面的整个正文）。

保存更改并将内部版本生成到库

转到数据收集接口

在左侧导航中，选择​ 数据流

选择之前创建的Luma Web SDK: Development Environment数据流

选择​ 添加服务

选择​ Adobe Target ​作为​ 服务

如果需要，请按照以下指南输入有关Target实施的可选详细信息。

选择​ 保存

在数据收集界面中，打开您用于本教程的标记属性

打开all pages - library loaded - send event - 50规则

选择Adobe Experience Platform Web SDK - Send event操作

使用该复选框启用​ 呈现可视化个性化决策

保存所做更改，然后将其生成到库

导航到Adobe Target界面

使用活动URL的Luma主页创建体验定位(XT)活动

修改页面，例如，更改主页主页主页横幅上的文本。 完成后，选择​ 保存，然后选择​ 下一步。

更新事件名称，然后选择​ 下一步。

选择Adobe Analytics作为报表源，并将相应的报表包和订单量度作为目标

保存活动

如果您对所做更改感到满意，则可以激活活动。 否则，如果要预览体验而不激活，则可以复制QA预览URL。

加载Luma主页，此时您应会看到所做的更改已应用

几小时后，您应该能够在Adobe Analytics中看到Target活动数据和转化情况。 有关Analytics for Target (A4T)报表的详细信息，请参阅Target指南。

打开Adobe Experience Platform Debugger浏览器扩展

转到Luma演示网站并使用调试器将网站上的标记属性切换到您自己的开发属性

重新加载页面

在调试器中选择​ 网络 ​工具

按​ Experience PlatformWeb SDK ​筛选

在事件行中为第一次调用选择值

Adobe Experience Platform Debugger中的

请注意，query > personalization下有键，decisionScopes的值为__view__。 此范围等同于target-global-mbox。 此Platform Web SDK调用从Target请求决策。

关闭叠加并选择第二次网络调用的事件详细信息。 此调用仅在Target返回活动时存在。

请注意，其中包含有关从Target返回的活动和体验的详细信息。 此Platform Web SDK调用会向用户发送一条通知，告知用户已渲染Target活动，并会增加展示次数。

打开all pages - library loaded - send event - 50规则

选择Adobe Experience Platform Web SDK - Send Event操作

添加一个或多个要使用的范围。 对于此示例，请使用homepage-hero。

保存更改并将内部版本生成到库

创建名为homepage - send event complete - render homepage-hero的规则。

向规则添加事件。 使用​ Adobe Experience Platform Web SDK ​扩展和​ 发送事件完成 ​事件类型。

添加条件以将规则限制为Luma主页（不含查询字符串的路径等于/content/luma/us/en.html）。

向规则添加操作。 使用​ Adobe Experience Platform Web SDK ​扩展和​ 应用建议 ​操作类型。

在“建议”字段中输入%event.propositions%，因为我们将使用“发送事件完成”事件作为此规则的触发器。

在“建议元数据”部分中选择​ 使用表单

对于​ 作用域 ​字段输入homepage-hero

对于​ 选择器 ​字段输入div.heroimage

对于​ 操作类型，选择​ 设置HTML

选择​ 保留更改

除了呈现活动之外，还必须额外调用Target以指示已呈现基于表单的活动：

向规则中添加其他操作。 使用​ Core ​扩展和​ Custom code ​操作类型：

粘贴以下JavaScript代码：

var propositions = event.propositions;
var heroProposition;
if (propositions) {
   // Find the hero proposition, if it exists.
   for (var i = 0; i < propositions.length; i++) {
      var proposition = propositions[i];
      if (proposition.scope === "homepage-hero") {
         heroProposition = proposition;
         break;
      }xw
   }
}
// Send a "display" event
if (heroProposition !== undefined){
   alloy("sendEvent", {
      xdm: {
         eventType: "display",
         _experience: {
            decisioning: {
               propositions: [{
                  id: heroProposition.id,
                  scope: heroProposition.scope,
                  scopeDetails: heroProposition.scopeDetails
               }]
            }
         }
      }
   });
}

选择​ 保留更改

保存更改并将内部版本生成到库

加载Luma主页几次，这应该足以在Target界面中注册新的homepage-hero决策范围。

打开Adobe Target

取消激活用于上一课程的活动

使用基于表单的体验编辑器选项创建体验定位(XT)活动

从位置下拉列表中选择​ homepage-hero ​位置，从内容下拉列表中选择​ 创建HTML选件。 如果该位置不可用，则可以键入该位置。 Target在收到对该位置或范围的请求后定期填充新位置名称。

将以下代码粘贴到内容框中。 此代码是一个具有不同背景图像的基本主页横幅：

<div class="we-HeroImage jumbotron" style="background-image: url('/content/luma/us/en/women/_jcr_content/root/hero_image.coreimg.jpeg');">
   <div class="container cq-dd-image">
      <div class="we-HeroImage-wrapper">
         <p class="h3">New Luma Yoga Collection</p>
         <strong class="we-HeroImage-title h1">Be active with style&nbsp;</strong>
         <p>
            <a class="btn btn-primary btn-action" href="/content/luma/us/en/products.html" role="button">Shop Now</a>
         </p>
      </div>
   </div>
</div>

在目标和设置步骤中，选择Adobe Target作为报表源，选择参与 > 页面查看次数作为目标

保存活动

如果您对所做更改感到满意，则可以激活活动。 否则，如果要预览体验而不激活，则可以复制QA预览URL。

加载Luma主页，此时您应会看到所做的更改已应用

打开Adobe Experience Platform Debugger浏览器扩展

转到Luma演示网站并使用调试器将网站上的标记属性切换到您自己的开发属性

重新加载页面

在Debugger中选择​ 网络 ​工具

按​ Adobe Experience Platform Web SDK ​筛选

在事件行中为第一次调用选择值

Adobe Experience Platform Debugger中的

请注意，query > personalization下有一些键，并且decisionScopes具有以前类似的__view__值，但现在还包含了homepage-hero作用域。 此Platform Web SDK调用从Target请求有关使用VEC和特定homepage-hero位置所做的更改的决定。

关闭叠加并选择第二次网络调用的事件详细信息。 此调用仅在Target返回活动时存在。

请注意，其中包含有关从Target返回的活动和体验的详细信息。 此Platform Web SDK调用会向用户发送一条通知，告知用户已渲染Target活动，并会增加展示次数。 它由您之前添加的自定义代码操作启动。

打开all pages - library loaded - send event - 50规则

选择Adobe Experience Platform Web SDK - Send event操作

将data.content数据元素添加到数据字段

保存更改并将内部版本生成到库

打开all pages - library loaded - send event - 50规则

打开​ 发送事件 ​操作

选择​ 使用引导式事件，然后选择​ 请求个性化

这会将​ Type ​锁定为​ 决策建议提取

导航到Luma演示站点并使用电子邮件test@adobe.com和密码test登录

导航到产品详细信息页面

打开Adobe Experience Platform Debugger浏览器扩展，然后将标记属性切换到您自己的开发属性

重新加载页面

在Debugger中选择​ Network ​工具，并按​ Adobe Experience Platform Web SDK ​进行筛选

在事件行中为第一次调用选择值

请注意，data > __adobe > target下有密钥，并且其中填充了产品、类别和登录状态的相关信息。

打开Adobe Target

导航到​ 受众 ​部分

创建受众并选择​ 自定义 ​属性类型

在​ 参数 ​字段中搜索web。 下拉菜单应填充与网页详细信息相关的所有XDM字段。

选择​ 访客配置文件 ​属性类型

搜索loggedIn。 如果该属性在下拉菜单中可用，则该属性已正确传递到Target。 新属性可能需要几分钟才能在Target UI中可用。

导航到​ Recommendations ​部分

在左侧导航中选择​ 目录搜索

搜索您之前在Luma网站上访问过的产品SKU或产品名称。 产品应显示在产品目录中。 新产品可能需要几分钟才能在Recommendations产品目录中搜索。

打开保证

启动新的保证会话，输入​ 会话名称，并为您的网站或您正在测试的任何其他页面输入​ 基本URL

单击​ 下一步

选择您的连接方法，在此情况下，我们将使用​ 复制链接

复制链接并将其粘贴到新的浏览器选项卡中

单击​ 完成

一旦启动保障会话，您就会看到事件选项卡中填充的事件

按“tnta”筛选

选择最近的调用并展开消息以确保正确填充并记下“tnta”值

接下来，保留“tnta”过滤器，并选择在我们刚刚查看的目标事件之后发生的analytics.mapping事件。

检查“context.mappedQueryParams”。<yourSchemaName>”值，以确认它包含“tnta”属性，该属性包含一个与在上一个target事件中找到的“tnta”值匹配的串联字符串。