建立 JSON 選件

在Adobe Target的Offer Library中建立JSON選件以用於Form-Based Experience Composer。

JSON選件可用於表單式活動,以啟用需要Target個決策的使用案例,藉此傳送採用JSON格式的選件以用於SPA架構或伺服器端整合。

JSON考量事項

使用 JSON 選件時,請考量下列資訊:

  • JSON選件目前僅適用於A/B Test、Automated Personalization (AP)和Experience Targeting (XT)活動。
  • JSON選件只能用於表單式活動
  • 使用伺服器端API和Mobile Node.js、Java、.NET及Python SDK時,可以直接擷取JSON選件。
  • 在瀏覽器中,只能透過at.js 1.2.3 (或更新版本)以及使用getOffer() (使用setJson動作來篩選動作),以擷取JSON選件。
  • JSON 選件是以原生 JSON 物件提供,而不是字串。這些物件的取用者不再需要將物件當作字串來處理,再轉換成 JSON 物件。
  • 不同於其他選件 (例如 HTML 選件),JSON 選件不會自動套用,因為 JSON 選件不是視覺化選件。開發人員必須撰寫程式碼,才能使用getOffer()明確取得選件。

建立JSON選件 section_BB9C72D59DEA4EFB97A906AE7569AD7A

  1. 按一下​ Offers > Code Offers

    選件>代碼選件索引標籤

  2. 按一下​ Create > JSON Offer

    offer-json影像

  3. 輸入選件名稱。

  4. 在「Code」方塊中,輸入或貼上JSON程式碼。

  5. 按一下 Save

JSON範例 section_A54F7BB2B55D4B7ABCD5002E0C72D8C9

只有使用表單式體驗撰寫器建立的活動才支援JSON選件。 目前,能使用JSON選件的唯一方式是透過直接API/SDK呼叫。

其範例如下:

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

傳給成功回呼的動作是物件陣列。假設有單一 JSON 選件,其內容為:

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

動作陣列具有此結構:

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

若要擷取JSON選件,請逐一檢視動作,找出具有setJson動作的動作,然後查一檢視內容陣列。

使用案例 section_85B07907B51A43239C8E3498EF58B1E5

假設下列 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);
  }
});

使用Real-time CDP設定檔屬性的JSON選件範例

Real-time CDP設定檔屬性可與Target共用,以用於HTML和JSON選件。

如需詳細資訊,請參閱與 Target共用Real-time CDP設定檔屬性。

依JSON選件型別篩選選件 section_52533555BCE6420C8A95EB4EB8907BDE

您可以按一下​ Type ​下拉式清單,然後選取​ JSON ​核取方塊,依JSON選件型別來篩選Offers資料庫。

offer-json-filter影像

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654