14.3 Adobe Experience Platform 데이터 수집 클라이언트 속성 및 웹 SDK 설정 Offer decisioning 준비

노트

Adobe Experience Platform Web SDK에서 Offer decisioning을 사용하면 현재 사용자를 선택하기 위해 일찍 액세스할 수 있습니다. 모든 IMS 조직에서는 이 기능을 사용할 수 없습니다.

14.3.1 데이터 스트림 업데이트

연습 0.2에서 고유한 데이터 스트림​을 만들었습니다. 그런 다음 이름 ldap - 데모 시스템 데이터 스트림​을 사용하고 ldap​을 ldap로 대체했습니다.

이 연습에서는 데이터 스트림​이 Offer Decisioning​에서 작동하도록 구성해야 합니다.

이렇게 하려면 https://experience.adobe.com/#/data-collection/로 이동하십시오. 그러면 이게 보입니다. 데이터 저장소​를 클릭합니다. 데이터 스트림​을 검색합니다. 데이터 스트림​을 클릭하여 엽니다.

WebSDK

그러면 이게 보입니다. 개발 환경​을 클릭합니다.

WebSDK

개발 환경​에 Adobe Experience Platform 구성이 표시됩니다.

WebSDK

Offer Decisioning​을(를) 활성화하려면 Offer Decisioning 상자를 선택합니다.

WebSDK

Save​를 클릭합니다

WebSDK

그럼 다시 오셔야 합니다 스테이징 환경​을 클릭합니다.

WebSDK

Offer Decisioning​을(를) 활성화하려면 Offer Decisioning 상자를 선택합니다.

WebSDK

Save​를 클릭합니다

WebSDK

그럼 다시 오셔야 합니다 프로덕션 환경​을 클릭합니다.

WebSDK

Offer Decisioning​을(를) 활성화하려면 Offer Decisioning 상자를 선택합니다.

WebSDK

Save​를 클릭합니다

WebSDK

이제 데이터 스트림​이 Offer Decisioning​에서 사용할 준비가 되었습니다.

14.3.2 개인화된 오퍼를 요청하도록 Adobe Experience Platform 데이터 수집 클라이언트 속성을 구성합니다

https://experience.adobe.com/#/data-collection/클라이언트​로 이동합니다. ldap - 데모 시스템(DD/MM/YYYY)​이라는 Adobe Experience Platform 데이터 수집 클라이언트 속성을 검색합니다. 웹용 Adobe Experience Platform 데이터 수집 클라이언트 속성을 엽니다.

WebSDK

속성에서 Rules 로 이동하고 규칙 모든 일반 페이지​를 엽니다.

WebSDK

를 클릭하여 Action AEP Web SDK - Send Event​를 엽니다.

WebSDK

그러면 이게 보입니다. 결정 범위​에 대한 메뉴 옵션이 표시됩니다.

WebSDK

Edge 및 Adobe Experience Platform에 전송되는 모든 요청에 대해 하나 이상의 결정 범위​를 제공할 수 있습니다. 결정 범위​는 두 요소의 조합입니다.

  • 의사 결정 ID
  • 게재위치 ID

먼저 이 두 요소를 찾을 수 있는 위치를 살펴보겠습니다.

14.3.2.1 배치 ID 검색

배치 ID는 필요한 자산의 위치와 유형을 식별합니다. 예를 들어, Luma 웹 사이트 홈 페이지의 대표 이미지는 Placement ID for Web - Image에 해당합니다.

WebSDK

Web - Image에 대한 배치 ID를 찾으려면 https://platform.adobe.com로 이동하십시오.

다음으로 구성 요소로 이동한 다음 배치로 이동합니다. 웹 - 이미지 배치를 클릭하여 세부 정보를 확인합니다.

WebSDK

위의 이미지에서 볼 수 있듯이 이 예에서 배치 ID는 xcore:offer-placement:129048460001fd30입니다. 다음 연습에서 필요한 대로 Web - Image에 대한 배치에 대한 배치 ID를 작성합니다.

14.3.2.2 결정 ID 검색

결정 ID는 사용하려는 개인화된 오퍼와 대체 오퍼의 조합을 식별합니다. 이전 연습에서는 고유한 Decision을(를) 만들어 ldap - Luma Decision​이라고 명명했습니다.

ldap에 대한 결정 ID를 찾으려면 https://platform.adobe.com로 이동하십시오.

다음으로 오퍼로 이동한 다음 결정으로 이동합니다. 결정을 선택하려면 클릭하십시오. 이 이름은 ldap - Luma 결정​입니다.

WebSDK

위의 이미지에서 볼 수 있듯이 이 예에서 결정 ID는 xcore:offer-activity:1290525f4441fd6e입니다. 다음 연습에서 필요할 경우 ldap 결정에 대한 결정 ID를 적어 두십시오. - Luma 결정

결정 범위​를 만들어야 하는 두 요소를 검색했으므로 다음 단계를 계속 진행할 수 있으며, 이 단계에서는 결정 범위를 인코딩합니다.

14.3.2.3 BASE64 인코딩

입력해야 하는 결정 범위​는 BASE64로 인코딩된 문자열입니다. 이 BASE64로 인코딩된 문자열은 배치 ID와 결정 ID의 조합입니다.

{
  "activityId":"xcore:offer-activity:1290525f4441fd6e",
  "placementId":"xcore:offer-placement:129048460001fd30"
}

결정 범위​는 다음 두 가지 방법으로 생성할 수 있습니다.

  • https://www.base64encode.org/와 같은 공용 서비스를 사용하십시오. 위에 언급된 대로 JSON 코드를 입력하고 인코딩​을 클릭하십시오. 그러면 아래에 BASE64 인코딩 문자열이 표시됩니다.

    WebSDK

  • Adobe Experience Platform에서 BASE64 인코딩 문자열을 검색합니다. 이렇게 하려면 https://platform.adobe.com로 이동하십시오. 그런 다음 결정으로 이동하여 ldap - Luma 결정​이라는 이름의 결정을 엽니다.

    WebSDK

    ldap - Luma Decision​을 열면 이 메시지가 표시됩니다. 배치 Web - Image을 찾아 Copy 단추를 클릭합니다. 그런 다음 인코딩 결정 범위​를 클릭합니다. 이제 결정 범위​가 클립보드에 복사됩니다.

    WebSDK

다음으로 Launch로 돌아가서 작업 AEP 웹 SDK - 이벤트 보내기​로 이동합니다.

WebSDK

옵션을 선택한 다음 입력 필드에 BASE64 인코딩 결정 범위를 붙여 넣습니다.

WebSDK

변경 내용 유지​를 클릭하여 작업 AEP 웹 SDK - 이벤트 보내기​에 변경 내용을 저장합니다.

WebSDK

그런 다음 저장 또는 라이브러리에 저장​을 클릭합니다

WebSDK

Adobe Experience Platform 데이터 수집에서 게시 흐름​으로 이동하고 컨텐츠 라이브러리​라는 이름의 개발 라이브러리​를 엽니다. + Add All Changed Resources 를 클릭한 다음 Save & Build for Development​를 클릭합니다. 이제 변경 사항이 데모 웹 사이트에 게시됩니다.

WebSDK

이제 일반 페이지​를 로드할 때마다(예: 데모 웹 사이트의 홈 페이지) Offer decisioning이 해당 오퍼가 무엇인지 평가하고 표시할 오퍼의 세부 정보가 있는 응답을 다시 웹 사이트로 반환합니다. 웹 사이트에 오퍼를 표시하려면 추가 구성이 필요합니다. 이 작업은 다음 단계에서 수행합니다.

14.3.3 개인화된 오퍼를 받고 적용할 Adobe Experience Platform 데이터 수집 클라이언트 속성을 구성합니다

https://experience.adobe.com/#/data-collection/속성​으로 이동합니다. ldap - 데모 시스템(DD/MM/YYYY)​이라는 Adobe Experience Platform 데이터 수집 클라이언트 속성을 검색합니다. 웹용 Adobe Experience Platform 데이터 수집 클라이언트 속성을 엽니다.

WebSDK

속성에서 Rules​로 이동합니다.

WebSDK

규칙 추가​를 클릭합니다.

WebSDK

규칙 이름으로 홈 페이지 - 받은 결정​을 사용하십시오.

WebSDK

14.3.3.1 이벤트

EVENTS 아래에 + 추가​를 클릭하여 새 이벤트를 추가합니다.

WebSDK

이벤트 구성​에 대해 다음을 선택합니다.

  • 확장: AEP 웹 SDK
  • 이벤트 유형: 받은 결정

WebSDK

변경사항 유지​를 클릭합니다.

WebSDK

14.3.3.2 조건

이제 이게 보입니다. CONDITIONS 아래에 있는 + 추가​를 클릭하여 새 조건을 추가합니다.

WebSDK

조건 구성​에 대해 다음을 선택합니다.

  • 논리 유형: 일반
  • 확장: 코어
  • 조건 유형: 값 비교
  • 이름: 코어 - 값 비교
  • 다음의 경우 true 반환
    • %pageName%
    • 다음과 같음
    • Luma Home

WebSDK

변경사항 유지​를 클릭합니다.

WebSDK

14.3.3.3 작업

그러면 이게 보입니다. ACTIONS 아래에 있는 + 추가​를 클릭하여 새 작업을 추가합니다.

WebSDK

작업 구성​에 대해 다음을 선택합니다.

  • 확장: 코어
  • 작업 유형: 사용자 지정 코드
  • 언어: JavaScript

그런 다음 편집기 열기 를 클릭합니다

WebSDK

편집기에서 아래 코드를 붙여넣습니다.

event.decisions.forEach(function(payload) {
  payload.items.forEach(function(item) {
    console.log(">>>>> Offer Decisioning Web SDK Response", item);
    document.getElementById("brandhero").src = item.data.deliveryURL;
  });
});

WebSDK

저장​을 클릭합니다.

WebSDK

변경사항 유지​를 클릭합니다.

WebSDK

그런 다음 저장 또는 라이브러리에 저장​을 클릭합니다

WebSDK

Adobe Experience Platform 데이터 수집에서 게시 흐름​으로 이동하고 컨텐츠 라이브러리​라는 이름의 개발 라이브러리​를 엽니다. + Add All Changed Resources 를 클릭한 다음 Save & Build for Development​를 클릭합니다. 이제 변경 사항이 데모 웹 사이트에 게시됩니다.

WebSDK

이 변경 사항으로 인해 Adobe Experience Platform 데이터 수집의 이 규칙은 이제 웹 SDK 응답의 일부인 Offer decisioning의 응답을 수신하며, 응답을 받으면 오퍼의 이미지가 홈 페이지에 표시됩니다.

Luma 데모 웹 사이트를 보면 이 이미지가 이제 대체됩니다.

WebSDK

이제 기본 Luma 영웅 이미지 대신 다음과 같은 오퍼가 표시됩니다.

WebSDK

다음 연습에서는 단계별 데모 시나리오를 살펴봅니다.

다음 단계:14.4 데모 웹 사이트를 사용하여 결정 테스트

모듈 14로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는