JSON 오퍼 만들기

양식 기반 경험 작성기에서 사용할 JSON 오퍼를 Adobe Target의 오퍼 라이브러리에서 만듭니다.

JSON 오퍼는 양식 기반 활동에 사용할 수 있으므로 SPA 프레임워크 또는 서버측 통합에서 사용할 목적으로 Target의 의사 결정이 JSON 형식으로 오퍼를 전송하기 위해 사용 사례가 필요합니다.

JSON 고려 사항

JSON 오퍼를 사용하여 작업할 때에는 다음 정보를 고려하십시오.

  • JSON 오퍼는 현재 A/B 테스트 및 경험 타깃팅 (XT) 활동에만 사용할 수 있습니다.
  • JSON 오퍼는 양식 기반 활동에서만 사용할 수 있습니다.
  • JSON 오퍼는 서버측 API, Mobile SDK 또는 NodeJS SDK를 사용할 때 바로 검색할 수 있습니다.
  • 브라우저에서 JSON 오퍼는 at.js 1.2.3(또는 이상)을 통해서"만", getOffer()를 사용(setJson 작업을 사용하여 작업을 필터링함으로써)하여 검색할 수 있습니다.
  • JSON 오퍼는 문자열이 아닌 기본 JSON 개체로 제공됩니다. 이러한 개체의 소비자는 개체를 문자열로 처리하고 JSON 개체로 변환하도록 더 이상 요구받지 않습니다.
  • JSON 오퍼는 비시각적 오퍼이므로 다른 오퍼(예: HTML 오퍼)와는 대조적으로 자동으로 적용되지 않습니다. 개발자는 코드를 작성해야 getOffer().
  • mbox.js를 사용하는 경우 JSON 오퍼가 지원되지 않습니다.

JSON 오퍼 만들기

  1. 오퍼 > 코드 오퍼​를 클릭합니다.

    오퍼 > 코드 오퍼 탭

  2. 만들기 > JSON 오퍼​를 클릭합니다.

  3. 오퍼 이름을 입력합니다.

  4. 코드 상자에 JSON 코드를 입력하거나 붙여 넣습니다.

  5. 저장​을 클릭합니다.

JSON 예

JSON 오퍼는 양식 기반 경험 컴포저를 사용하여 만든 활동에서만 지원됩니다. 현재 JSON 오퍼를 사용할 수 있는 유일한 방법은 직접적인 API 호출을 통하는 것입니다.

다음은 한 예입니다.

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 동작으로 작업을 찾은 다음 컨텐츠 배열을 반복하십시오.

사용 사례

다음 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" 
} 
  

다음 코드는 "인사말" 속성에 액세스하는 방법을 보여줍니다.

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 확인란을 선택하여 JSON 오퍼 유형에 따라 오퍼 라이브러리를 필터링할 수 있습니다.

이 페이지에서는

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now