23.3 트리거 기반 여정 구성 - 주문 확인

Adobe Experience Cloud로 이동하여 Adobe Experience Cloud에 로그인합니다. Adobe Journey Optimizer​을 클릭합니다.

Journey Optimizer

Journey Optimizer의 보기로 리디렉션됩니다.

Journey Optimizer

계속하기 전에 sandbox​를 선택해야 합니다. 선택할 샌드박스의 이름은 --aepSandboxId--입니다. 화면 상단의 파란색 줄에 있는 Production Prod 텍스트를 클릭하여 이 작업을 수행할 수 있습니다.

Journey Optimizer

23.3.1 주문 확인 메시지 만들기

메뉴에서 메시지​를 클릭합니다.

메시지 화면에서 이와 유사한 보기가 표시됩니다. 메시지 만들기​를 클릭합니다.

Journey Optimizer

ldap - 주문 확인 이메일ldap 을 사용자 자신의 ldap에 따라 메시지에 제목을 지정하고 CJM 알파 사전 설정 을 선택하고 이메일 채널을 활성화합니다.

Journey Optimizer

만들기​를 클릭하여 주문 확인 이메일 메시지를 만듭니다.

다음 화면은 메시지 대시보드입니다. 오른쪽에는 이메일 속성이 있고 선택적 기능 아래의 2개의 확인란이 선택되어 있는지 확인합니다. 그렇지 않은 경우 모두 활성화​되었는지 확인하십시오.

Journey Optimizer

제목 줄 텍스트 필드를 클릭합니다.

Journey Optimizer

텍스트 영역에서 주문 감사합니다,

Journey Optimizer

제목란은 아직 끝나지 않았습니다. 다음으로 profile.person.name.firstName 아래에 저장된 이름 필드에 대한 개인화 토큰을 가져와야 합니다. 왼쪽 메뉴에서 아래로 스크롤하여 Person > 전체 이름 > 이름 필드를 찾고 + 아이콘을 클릭하여 개인화 토큰을 제목 줄에 추가합니다. 저장​을 클릭합니다.

Journey Optimizer

그럼 다시 오셔야 합니다 이메일 디자이너​를 클릭하여 전자 메일의 콘텐츠를 만듭니다.

Journey Optimizer

다음 화면에서 처음부터 디자인​을 클릭합니다.

Journey Optimizer

왼쪽 메뉴에서 이메일의 구조(행 및 열)를 정의하는 데 사용할 수 있는 구조 구성 요소를 찾을 수 있습니다.

캔버스에서 1:1 열​을 8번 끌어다 놓습니다. 그러면 다음 내용이 표시됩니다.

Journey Optimizer

컨텐츠 구성 요소​로 이동합니다.

Journey Optimizer

첫 번째 행에 HTML 구성 요소를 끌어다 놓습니다. HTML 구성 요소를 클릭한 다음 소스 코드 표시​를 클릭합니다.

Journey Optimizer

여기에 이 코드를 붙여 넣습니다.<img src="{%= profile._experienceplatform.demoEnvironment.brandLogo %}" width="100px%"> 저장​을 클릭합니다.

Journey Optimizer

이제 다시 여기에 있습니다.

Journey Optimizer

컨텐츠 구성 요소 로 이동하고 두 번째 행에 Image 구성 요소를 드래그하여 놓습니다. 이미지 구성 요소​를 선택하고 찾아보기를 클릭하지 마십시오.

Journey Optimizer

이 이미지 URL을 소스 필드에 붙여 넣습니다.https://parsefiles.back4app.com/hgJBdVOS2eff03JCn6qXXOxT5jJFzialLAHJixD9/29043bedcde632a9cbe8a02a164189c9_preparing.png 이 이미지는 Adobe 외부에서 호스팅됩니다.

Journey Optimizer

범위를 다른 필드로 변경하면 이미지가 렌더링되고 다음과 같이 표시됩니다.

Journey Optimizer

그런 다음 컨텐츠 구성 요소​로 이동하여 세 번째 행에 Text 구성 요소를 끌어다 놓습니다.

Journey Optimizer

해당 구성 요소 에서 기본 텍스트를 선택하십시오. 여기에 텍스트를 입력하십시오. 그리고 아래 텍스트로 바꿉니다.

You’re one step closer!

Hi

We've received your order details!

We will also send you a separate email containing your VAT Invoice.

We'll be back in touch with you as soon as we've finished packing your package. Please read carefully the Order Information detailed below.

Journey Optimizer

텍스트 Hi 옆에 커서를 놓고 개인화 추가​를 클릭합니다.

Journey Optimizer

Person > 전체 이름 > 이름 필드로 이동하고 + 아이콘을 클릭하여 개인화 토큰을 제목 줄에 추가합니다. 저장​을 클릭합니다.

Journey Optimizer

그러면 다음 내용이 표시됩니다.

Journey Optimizer

그런 다음 컨텐츠 구성 요소 로 이동하여 네 번째 행에 Text 구성 요소를 드래그하여 놓습니다.

Journey Optimizer

해당 구성 요소 에서 기본 텍스트를 선택하십시오. 여기에 텍스트를 입력하십시오. 그리고 아래 텍스트로 바꿉니다.

Order Information

글꼴 크기를 26px​로 변경하고 이 셀에 텍스트를 가운데로 정렬합니다. 그러면 다음 항목이 제공됩니다.

Journey Optimizer

그런 다음 컨텐츠 구성 요소 로 이동하여 다섯 번째 행에 HTML 구성 요소를 드래그하여 놓습니다. HTML 구성 요소를 클릭한 다음 소스 코드 표시​를 클릭합니다.

Journey Optimizer

HTML 편집 팝업에서 이 HTML을 붙여 넣습니다.

<table><tbody><tr><td><b>Items purchased</b></td><td></td><td><b>Quantity</b></td><td><b>Subtotal</b></td></tr><tr><td colspan="4" width="500"><hr></td></tr></tbody></table>

저장​을 클릭합니다.

Journey Optimizer

그럼 이걸로 주세요 저장​을 클릭하여 진행 상황을 저장합니다.

Journey Optimizer

왼쪽 위 모서리의 제목란 텍스트 옆에 있는 화살표​를 클릭하여 메시지 대시보드로 돌아갑니다.

Journey Optimizer

그러면 다음 내용이 표시됩니다.

Journey Optimizer

여정에서 사용할 수 있도록 메시지를 게시하려면 게시​를 두 번 클릭하십시오.

Journey Optimizer

주문 확인 이메일 메시지를 만드는 다음 단계에서는 컨텍스트 이벤트 데이터를 사용해야 합니다. 이 컨텍스트 이벤트 데이터는 여정 내에서 제공됩니다. 따라서 해당 컨텍스트를 추가하려면 먼저 Event​을 설정하여 여정을 트리거하고 여정​를 빌드해야 합니다. 메시지가 업데이트되면 메시지 디자이너​로 돌아갑니다.

23.3.2 이벤트 만들기

메뉴에서 구성​으로 이동하고 이벤트​에서 관리​를 클릭합니다.

Journey Optimizer

Events 화면에서 이와 유사한 보기가 표시됩니다. 이벤트 만들기​를 클릭합니다.

Journey Optimizer

그러면 빈 이벤트 구성이 표시됩니다.

Journey Optimizer

먼저 다음과 같은 이름을 이벤트에 지정합니다.ldapPurchaseEventldap 을 ldap로 바꿉니다.

Journey Optimizer

그런 다음 Purchase Event 과 같은 설명을 추가합니다.

Journey Optimizer

다음은 이벤트 유형 선택 사항입니다. 단일​을 선택합니다.

Journey Optimizer

다음은 이벤트 ID 유형 선택 사항입니다. 시스템 생성 선택

Journey Optimizer

다음은 스키마 선택입니다. 이 연습에 대한 스키마가 준비되었습니다. Demo System - Event Schema for Website (Global v1.1) v.1 스키마를 사용하십시오.

Journey Optimizer

스키마를 선택하면 페이로드 섹션에서 선택한 여러 필드가 표시됩니다. 편집/연필 아이콘을 클릭하여 이 이벤트에 필드를 추가합니다.

Journey Optimizer

그러면 이 팝업이 표시됩니다. 이제 이 이벤트가 트리거될 때 추가 데이터에 액세스하려면 추가 확인란을 선택해야 합니다.

Journey Optimizer

먼저 --aepTenantId-- 행에서 확인란을 선택합니다.

Journey Optimizer

그런 다음 아래로 스크롤하여 productListItems 행에서 확인란을 선택합니다.

Journey Optimizer

그런 다음 아래로 스크롤하여 commerce 행에서 확인란을 선택합니다.

Journey Optimizer

그런 다음 확인​을 클릭합니다.

그러면 이벤트에 추가 필드가 추가되었음을 알 수 있습니다. 저장​을 클릭합니다.

Journey Optimizer

그런 다음 새 이벤트가 공유되고 이제 사용 가능한 이벤트 목록에 이벤트가 표시됩니다.

이벤트를 다시 클릭하여 이벤트 편집 화면을 다시 엽니다.
페이로드 필드 위로 다시 마우스를 가져가면 3개의 아이콘이 다시 표시됩니다. 페이로드 보기 아이콘을 클릭합니다.

Journey Optimizer

이제 예상 페이로드의 예를 볼 수 있습니다. 이벤트에는 고유한 오케스트레이션 eventID가 있으며, _experience.campaign.orchestration.eventID이 표시될 때까지 해당 페이로드에서 아래로 스크롤하여 찾을 수 있습니다.

Journey Optimizer

이벤트 ID는 다음 단계에서 작성할 여정을 트리거하기 위해 Adobe Journey Optimizer으로 전송해야 하는 것입니다. 이 eventID를 다음 단계 중 하나로 작성합니다.
"eventID": "d168c11ce1b5bb96fc793421fbcc3ec54b3116fa13242b05d9a54b1251ecb94e"

확인, 취소​를 차례로 클릭합니다.

이제 이벤트가 구성되었으며 사용할 준비가 되었습니다.

23.3.3 여정 만들기

메뉴에서 여정​로 이동하고 여정 만들기​를 클릭합니다.

Journey Optimizer

그러면 이게 보입니다.

Journey Optimizer

여정 이름을 지정합니다. ldap - 주문 확인 여정​을 사용하고 ldap로 ldap​을 바꿉니다. 확인​을 클릭합니다.

Journey Optimizer

먼저 이벤트를 여정의 시작점으로 추가해야 합니다. 이벤트 ldapPurchaseEvent​을 검색하고 캔버스에 끌어다 놓습니다. 확인​을 클릭합니다.

Journey Optimizer

그런 다음 작업​에서 메시지 작업을 검색합니다.

Journey Optimizer

메시지 작업을 캔버스로 끌어다 놓고 편집 아이콘을 클릭하여 메시지를 선택합니다.

Journey Optimizer

이전 단계인 ldap - 주문 확인 이메일​에서 만든 메시지를 선택합니다. 선택​을 클릭합니다.

Journey Optimizer

그럼 이걸로 주세요 확인​을 클릭합니다.

Journey Optimizer

오케스트레이션 유형 End​을 검색하고 캔버스에 끌어다 놓습니다. 확인​을 클릭합니다.

Journey Optimizer

게시​를 클릭하여 여정을 게시합니다.

Journey Optimizer

게시​를 다시 클릭합니다.

Journey Optimizer

여정 개요으로 돌아갑니다.

Journey Optimizer

이제 여정이 게시되었습니다. 여정을 사용하려면 먼저 주문 확인 이메일 메시지 구성을 완료해야 합니다. 이를 위해서는 이제 이 여정의 컨텍스트를 메시지에 제공해야 합니다.

23.3.4 이메일 메시지에서 여정 컨텍스트 사용

여정 개요에서 ldap - 주문 확인 여정​을 다시 엽니다.

Journey Optimizer

메시지 작업을 다시 선택합니다. 메시지 필드 위로 마우스를 가져가면 이 옵션이 표시됩니다. 메시지​를 엽니다.

Journey Optimizer

그러면 여기로 리디렉션됩니다. 수정​을 클릭합니다.

Journey Optimizer

확인​을 클릭합니다.

Journey Optimizer

이메일 디자이너​를 클릭합니다.

Journey Optimizer

그러면 이메일 디자이너에 다시 연결됩니다.

Journey Optimizer

컨텐츠 구성 요소 로 이동하고 6번째 행에 HTML 구성 요소를 드래그하여 놓습니다. HTML 구성 요소를 클릭한 다음 소스 코드 표시​를 클릭합니다.

Journey Optimizer

HTML 편집 팝업에서 이 HTML을 붙여 넣습니다.

{{#each xxx as |item|}}<table width="500"><tbody><tr><td><img src="{{item.--aepTenantId--.core.imageURL}}" width="100"></td><td><table><tbody><tr><td><b>{{item.name}}</b><br>{{item.--aepTenantId--.core.subCategory}}<br><b>{{item.priceTotal}}</b><br>&nbsp;<br>Article no: {{item.SKU}}</td></tr></tbody></table></td><td>{{item.quantity}}</td><td><b>{{item.priceTotal}}</b></td></tr></tbody></table>{{/each}}

그러면 다음 항목이 제공됩니다.

Journey Optimizer

이제 여정을 트리거하는 이벤트의 일부인 productListItems 개체를 참조하여 xxx​을(를) 바꾸어야 합니다.

Journey Optimizer

먼저 HTML 코드에서 xxx​을 삭제하십시오.

Journey Optimizer

프로필​이라는 드롭다운을 엽니다. 해당 드롭다운에서 컨텍스트​를 선택합니다. 이 컨텍스트는 여정에서 메시지로 전달됩니다.

Journey Optimizer

그러면 이게 보입니다. Journey Orchestration 옆의 화살표를 클릭하여 자세히 드릴다운합니다.

Journey Optimizer

Events 옆에 있는 화살표를 클릭하여 더 깊이 드릴다운합니다.

Journey Optimizer

ldapPurchaseEvent 옆의 화살표를 클릭하여 자세히 드릴다운합니다.

Journey Optimizer

productListItems 옆에 있는 + 아이콘을 클릭하여 HTML 코드에 추가합니다.

Journey Optimizer

그럼 이걸로 주세요 이제 이벤트 ID 주위에 ticks​를 제거해야 합니다.

Journey Optimizer

그럼 이걸로 주세요 저장​을 클릭합니다.

Journey Optimizer

이제 이메일 디자이너로 돌아갑니다. 저장​을 클릭하여 진행 상황을 저장합니다.

Journey Optimizer

그런 다음 컨텐츠 구성 요소 로 이동하여 7번째 행에 HTML 구성 요소를 드래그하여 놓습니다. HTML 구성 요소를 클릭한 다음 소스 코드 표시​를 클릭합니다.

Journey Optimizer

HTML 편집 팝업에서 이 HTML을 붙여 넣습니다.

<table><tbody><tr><td><b>Subtotal</b><br>Delivery charge (included)</td><td align="right"><b>xxx</b><br><b>5</b></td></tr><tr><td colspan="2" width="500"><hr></td></tr><tr><td><b>Total including VAT</b></td><td align="right"><b>xxx</b></td></tr></tbody></table>

이 HTML 코드에는 xxx​에 대한 2개의 참조가 있습니다. 이제 여정을 트리거하는 이벤트의 일부인 productListItems 개체에 대한 참조로 각 xxx​을(를) 바꾸어야 합니다.

Journey Optimizer

먼저 10행에서 HTML 코드에서 xxx​을 삭제합니다.

Journey Optimizer

Context​로 이동합니다.

Journey Optimizer

Journey Orchestration 옆의 화살표를 클릭하여 자세히 드릴다운합니다.

Journey Optimizer

개체 ldapPurchaseEvent​로 자세히 드릴다운합니다. Commerce 옆의 화살표를 클릭하여 자세히 드릴다운합니다.

Journey Optimizer

Order 옆의 화살표를 클릭하여 더 자세히 드릴다운합니다.

Journey Optimizer

가격 합계 옆에 있는 + 아이콘을 클릭하여 캔버스에 추가합니다.

Journey Optimizer

23행에서 HTML 코드에서 xxx​을 삭제합니다.

Journey Optimizer

가격 합계 옆에 있는 + 아이콘을 다시 클릭하여 캔버스에 추가합니다.

Journey Optimizer

또한 Order 개체 내에서 Currency 필드를 캔버스에 추가할 수도 있습니다. 여기에서 볼 수 있습니다.

Journey Optimizer

완료되면 저장​을 클릭하여 변경 사항을 저장합니다.

그러면 이메일 디자이너에 다시 연결됩니다. 저장​을 다시 클릭합니다.

Journey Optimizer

왼쪽 위 모서리의 제목란 텍스트 옆에 있는 화살표​를 클릭하여 메시지 대시보드로 돌아갑니다.

Journey Optimizer

그러면 다음 내용이 표시됩니다.

Journey Optimizer

여정에서 사용할 수 있도록 메시지를 게시하려면 게시​를 두 번 클릭하십시오.

Journey Optimizer

이메일 메시지를 변경한 후에는 새 필드와 변경 사항을 선택하도록 여정을 다시 게시해야 합니다.

이렇게 하려면 여정​로 이동하십시오. 여정 ldap - 주문 확인 여정​을 열려면 클릭합니다.

Journey Optimizer

Duplicate 옆의 드롭다운을 클릭하여 열고 새 버전 만들기​를 선택합니다.

Journey Optimizer

새 버전 만들기​를 다시 클릭합니다.

Journey Optimizer

그런 다음 여정의 새 버전을 사용할 수 있습니다. 게시​를 두 번 클릭합니다.

Journey Optimizer

이제 여정이 게시되며 트리거할 수 있습니다. 트리거하려면 먼저 Adobe Experience Platform 데이터 수집 클라이언트 속성의 데이터 요소를 업데이트해야 합니다.

23.3.5 Adobe Experience Platform 데이터 수집 클라이언트 속성 업데이트

https://experience.adobe.com/#/data-collection/로 이동합니다. 왼쪽 메뉴에서 Client​에 있는지 확인합니다. 클라이언트 속성을 검색하고 Web​에 대한 속성을 엽니다.

Journey Optimizer

데이터 요소​로 이동합니다. 데이터 요소 rulePurchaseConfirmation​을 검색하고 엽니다.

Journey Optimizer

그러면 이게 보입니다. _experience.campaign.orchestration.eventID 필드로 이동하고 여기에서 eventID를 입력합니다. 여기에서 채울 eventID는 experience 23.3.2의 일부로 만든 eventID입니다.

Journey Optimizer

클라이언트 속성에 변경 사항을 저장한 다음 개발 라이브러리를 업데이트하여 변경 사항을 게시합니다.

Journey Optimizer

이제 변경 사항이 배포되고 테스트할 수 있습니다.

23.3.6 데모 웹 사이트를 사용하여 주문 확인 이메일을 테스트합니다

데모 웹 사이트에서 제품을 구입하여 업데이트된 여정을 테스트해 보겠습니다.

새로운 시크릿 브라우저 창을 열고 https://public.aepdemo.net로 이동합니다.

그러면 이게 보입니다.

Launch 설정

구성 ID를 입력하고 구성 로드​를 클릭합니다. 그런 다음 구성이 로드됩니다.

Launch 설정

아래로 스크롤하여 구성 저장​을 클릭합니다.

Launch 설정

그러면 Admin Homepage 로 리디렉션됩니다. LDAP​로 이동합니다. LDAP를 선택하고 저장​을 클릭합니다.

Launch 설정

그러면 Admin Homepage 로 리디렉션됩니다. Brand​로 이동하여 Luma 브랜드를 선택하고 Save​를 클릭합니다.

Launch 설정

그러면 Admin Homepage 로 리디렉션됩니다. Luma 로고를 클릭합니다.

Launch 설정

그러면 Luma 홈 페이지가 표시됩니다.

Launch 설정

로그인/등록​으로 이동합니다. 양식을 작성하고 계정 만들기​를 클릭합니다. 테스트 프로필​에 대한 확인란을 선택하는 것을 잊지 마십시오.

Journey Optimizer

몇 초 이내에 이전 연습에서 구성한 대로 Journey Optimizer에서 제공하는 새 계정 만들기 이메일을 받은 편지함에서 받게 됩니다.

Journey Optimizer

데모 웹 사이트의 홈 페이지로 돌아가 제품을 클릭합니다.

Journey Optimizer

그러면 제품 세부 사항 페이지가 표시됩니다. 장바구니에 추가​를 클릭합니다.

Journey Optimizer

카트로 가세요.

Journey Optimizer

결제 유형배달 환경 설정​을 선택한 다음 구매​를 클릭합니다.

Journey Optimizer

그러면 주문 확인 이메일을 몇 초 내에 받게 됩니다.

Journey Optimizer

너는 이 운동을 끝마쳤다.

다음 단계:23.4 일괄 처리 기반 뉴스레터 여정 구성

모듈 23으로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는