创建 JSON 选件

在中创建JSON选件 选件库 in Adobe Target ，在中使用 基于表单的体验编辑器.

JSON选件可用于基于表单的活动，在这些活动中，可启用 Target要发送JSON格式的选件以供在SPA框架或服务器端集成中使用，需要使用的决策。

JSON注意事项

使用 JSON 选件时，请考虑以下信息：

• JSON选件当前仅适用于 A/B测试 和 体验定位 (XT)活动。
• JSON选件可用于 基于表单的活动 仅。
• 使用服务器端 API、Mobile SDK 或 NodeJS SDK 时，可以直接检索 JSON 选件。
• 在浏览器中，只能通过 at.js 1.2.3（或更高版本）并使用 getOffer()，方法是使用 setJson 操作。
• JSON 选件可作为原生 JSON 对象而不是字符串来交付。这些对象的用户不必再将对象作为字符串处理后再将其转换为 JSON 对象。
• 与其他选件（例如 HTML 选件）不同，JSON 选件不会自动应用，因为 JSON 选件不是可视化选件。开发人员必须编写相应代码，以便使用 getOffer()。

创建JSON选件

1. 单击 选件 > 代码选件.

   

2. 单击​创建 > JSON 选件。

   

3. 键入选件名称。

4. 在​代码​框中键入或粘贴您的 JSON 代码。

5. 单击​保存。

JSON示例

JSON选件仅在使用 基于表单的体验编辑器. 目前，唯有通过直接 API 调用才能使用 JSON 选件。

示例如下：

adobe.target.getOffer({
  mbox: "some-mbox",
  success: function(actions) {
    console.log('Success', actions);
  },
  error: function(status, error) {
    console.log('Error', status, error);
  }
});

传递到 success 回调的操作是一个对象数组。假设我们只有一个 JSON 选件，且该选件具有以下内容：

{
  "demo": {"a": 1, "b": 2}
}

操作数组将具有以下结构：

[
 {
   action: "setJson",
   content: [{
     "demo": {"a": 1, "b": 2}
   }]
 }
]

要提取JSON选件，您需要遍历各个操作，并使用 setJson 操作，然后遍历内容数组。

用例

假设将以下 JSON 选件交付到您的网页：

{
    "_id": "5a65d24d8fafc966921e9169",
    "index": 0,
    "guid": "7c006504-c6f7-468d-a46f-f72531ea454c",
    "isActive": true,
    "balance": "$2,075.06",
    "picture": "https://placehold.it/32x32",
    "tags": [
      "esse",
      "commodo",
      "excepteur",
    ],
    "friends": [
      {
        "id": 0,
        "name": "Carla Lyons"
      },
      {
        "id": 1,
        "name": "Ollie Mooney"
      },
    ],
    "greeting": "Hello, Stephenson Fernandez! You have 4 unread messages.",
    "favoriteFruit": "strawberry"
}

以下代码显示了如何访问“greeting”属性：

adobe.target.getOffer({
  "mbox": "name_of_mbox",
  "params": {},
  "success": function(offer) {
        console.log(offer[0].content[0].greeting);
  },
  "error": function(status, error) {
      console.log('Error', status, error);
  }
});

按JSON选件类型筛选选件

您可以过滤 选件 库(通过单击 类型 下拉列表中，然后选择 JSON 复选框。