使用Adobe Target和Web SDK进行个性化

Adobe Experience Platform Web SDK可以将在Adobe Target中管理的个性化体验交付并渲染到Web渠道。 您可以使用名为可视化体验编辑器 (VEC)的WYSIWYG编辑器，或使用非可视化界面基于表单的体验编辑器，创建、激活并交付您的活动和个性化体验。

以下功能已经过测试，当前在Target中受支持：

Web SDK系统图

下图可帮助您了解Target和Web SDK边缘决策的工作流。

正在启用Adobe Target

要启用Target，请执行以下操作：

然后，您还可以选择添加以下选项：

使用Adobe Target VEC

要将VEC与Web SDK实现结合使用，请安装并激活Firefox或Chrome VEC Helper扩展。

有关详细信息，请参阅​ Adobe Target指南 ​中的可视化体验编辑器助手扩展。

呈现个性化内容

有关详细信息，请参阅呈现个性化内容。

XDM中的受众

在为通过Web SDK交付的Target活动定义受众时，必须定义和使用XDM。 定义XDM架构、类和架构字段组后，可创建由XDM数据定义的Target受众规则以进行定位。 在Target内，XDM数据在受众生成器中显示为自定义参数。 XDM使用点表示法序列化（例如，web.webPageDetails.name）。

如果您的Target活动具有使用自定义参数或用户配置文件的预定义受众，则无法通过SDK正确交付这些受众。 您必须改用XDM，而不是使用自定义参数或用户配置文件。 但是，有一些通过Web SDK支持的现成受众定向字段不需要XDM。 这些字段在Target UI中可用，不需要XDM：

有关详细信息，请参阅​ Adobe Target指南 ​中的受众类别。

响应令牌

响应令牌用于将元数据发送到Google或Facebook等第三方。 返回响应令牌
在propositions -> items内的meta字段中。 以下是示例：

{
  "id": "AT:eyJhY3Rpdml0eUlkIjoiMTI2NzM2IiwiZXhwZXJpZW5jZUlkIjoiMCJ9",
  "scope": "__view__",
  "scopeDetails": ...,
  "renderAttempted": true,
  "items": [
    {
      "id": "0",
      "schema": "https://ns.adobe.com/personalization/dom-action",
      "meta": {
        "experience.id": "0",
        "activity.id": "126736",
        "offer.name": "Default Content",
        "offer.id": "0"
      }
    }
  ]
}

要收集响应令牌，您必须订阅alloy.sendEvent promise，通过propositions进行迭代，并从items -> meta中提取详细信息。

每个proposition都有一个renderAttempted布尔字段，用于指示proposition是否已呈现。 请参阅下面的示例：

alloy("sendEvent",
  {
    "renderDecisions": true,
    "decisionScopes": [
      "hero-container"
    ]
  }).then(result => {
    const { propositions } = result;

    // filter rendered propositions
    const renderedPropositions = propositions.filter(proposition => proposition.renderAttempted === true);

    // collect the item metadata that represents the response tokens
    const collectMetaData = (items) => {
      return items.filter(item => item.meta !== undefined).map(item => item.meta);
    }

    const pageLoadResponseTokens = renderedPropositions
      .map(proposition => collectMetaData(proposition.items))
      .filter(e => e.length > 0)
      .flatMap(e => e);
  });

启用自动渲染时，建议数组包含：

在页面加载时：

查看时 — 更改（对于缓存的视图）：

禁用自动渲染时，建议数组包含：

在页面加载时：

查看时 — 更改（对于缓存的视图）：

单个配置文件更新

通过Web SDK，您可以将个人资料更新到Target个人资料和Web SDK以作为体验事件。

要更新Target配置文件，请确保通过以下方式传递配置文件数据：

延迟保存配置文件或实体参数，直到内容显示给最终用户

要在显示内容之前延迟在配置文件中记录属性，请在请求中设置data.adobe.target._save=false。

例如，您的网站包含三个决策范围，分别对应于网站上的三个类别链接（“男性”、“女性”和“儿童”），并且您希望跟踪用户最终访问的类别。 发送这些请求，并将__save标志设置为false，以避免在请求内容时保留类别。 内容可视化后，为要记录的相应属性发送适当的负载（包括eventToken和stateToken）。

以下示例发送trackEvent样式消息，执行配置文件脚本，保存属性，并立即记录事件。

alloy ( "sendEvent" , {
  renderDecisions : true,
  data : {
    __adobe : {
      target : {
        "profile.gender" : "female",
        "profile.age" : 30,
        "entity.name" : "T-shirt" ,
        "entity.id" : "1234" ,
        "track": {
          "scopes": [ "mbox1", "mbox2"],
          "type": "display|click|..."
        }
      }
    }
  }
} ) ;

sendEvent包含配置文件数据

alloy("sendEvent", {
   renderDecisions: true|false,
   xdm: { // Experience Event XDM data },
   data: { // Freeform data }
});

如何将配置文件属性发送到Adobe Target：

alloy("sendEvent", {
  "renderDecisions": true,
  "data": {
    "__adobe": {
      "target": {
        "profile.gender": "female",
        "profile.age": 30
      }
    }
  }
});

请求建议

下表列出了Recommendations属性以及是否通过Web SDK支持每个属性：

如何将Recommendations属性发送到Adobe Target：

alloy("sendEvent", {
  "renderDecisions": true,
  "data": {
    "__adobe": {
      "target": {
        "entity.id": "123",
        "entity.genre": "Drama"
      }
    }
  }
});

调试

已弃用mboxTrace和mboxDebug。 请改用Web SDK调试的方法。

术语

建议： ​在Adobe Target中，建议与从活动中选择的体验相关联。

架构： ​决策的架构是Adobe Target中的优惠类型。

范围： ​决定的范围。 在Adobe Target中，范围是mBox。 全局mBox是__view__作用域。

XDM： XDM被序列化为点表示法，然后作为mBox参数放入Adobe Target中。