23.1 Adobe Journey Optimizer 소개:이메일 메시지 작성

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

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

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

홈 페이지의 맨 위에는 특정 개체로 빠르게 돌아갈 수 있도록 작업한 최근 개체가 표시됩니다.

왼쪽에 Journey Optimizer의 다른 위치로 이동할 수 있는 탐색 메뉴가 표시됩니다.

• 홈:현재 있는 페이지입니다.
• 여정:기존 여정 개요, 새 여정 만들기
• 메시지:기존 메시지(이메일, 푸시,…)에 대한 개요, 새 메시지를 만들고 지난 24시간 동안 메시지 실행에 대한 개요를 찾습니다.
• 자산:메시지에서 사용할 수 있도록 이미지와 같은 파일을 업로드할 수 있는 Adobe Experience Manager Assets Essentials으로 리디렉션합니다.
• 세그먼트:세그먼트 액세스 및 만들기
• 데이터 세트 및 스키마:모든 스키마 및 데이터 세트에 대한 개요를 제공합니다.
• 구성:여정에서 사용할 사용자 지정 이벤트, 외부 데이터 소스 및 작업을 관리합니다.

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

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

ldap - Registration Email 및 ldap 를 사용자 자신의 ldap에 의해 바꾸고 CJM Alpha Preset​을 선택하고 Email 채널을 활성화합니다.

만들기 단추를 클릭하여 등록 이메일 메시지를 만듭니다.

다음 화면은 메시지 대시보드이며, 여기에서 컨텐츠가 제공될 때 전자 메일 축소판을 볼 수 있습니다

오른쪽에는 전자 메일 속성이 있습니다.

• 이메일에서:수신자가 이메일 메시지를 받을 이메일 주소입니다. 이 값은 이전 단계에서 지정한 사전 설정​에 의해 지정되며 읽기 전용입니다.
• 이름:수신자가 이메일 메시지를 받을 발신자명. 이 값은 이전 단계에서 지정한 사전 설정​에 의해 지정되며 읽기 전용입니다.
• 제목 줄:다음 단계에서 편집할 메시지의 필수 제목입니다.
• 본문:이메일 콘텐츠를 만들고 편집할 수 있도록 이메일 디자이너로 연결되는 단추가 있습니다.
• 옵션 기능:이 두 개의 확인란을 사용하여 이메일의 열기 및 전자 메일의 클릭 추적을 비활성화할 수 있으므로 메시지가 열기 비율, 클릭스루 비율 등과 같은 지표를 측정하지 못하도록 합니다.

먼저 선택적 기능 아래의 2개의 확인란이 선택되어 있는지 확인합니다. 그렇지 않은 경우 모두 활성화​되었는지 확인하십시오.

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

텍스트 영역에서 Hi 작성을 시작합니다.

제목란은 아직 끝나지 않았습니다. 다음으로 profile.person.name.firstName 아래에 저장된 이름 필드에 대한 개인화 토큰을 가져와야 합니다. 왼쪽 메뉴에서 아래로 스크롤하여 Person 요소를 찾은 다음 화살표를 클릭하여 수준 더 깊이 이동합니다.

이제 전체 이름 요소를 찾아 화살표를 클릭하여 수준 더 깊이 이동합니다.

마지막으로 이름 필드를 찾아 그 옆에 있는 + 기호를 클릭합니다. 그러면 텍스트 필드에 개인화 토큰이 나타납니다.

다음으로, 텍스트를 추가합니다. 등록해 주셔서 감사합니다! 질문에 답합니다. 저장​을 클릭합니다.

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

다음 화면에서는 전자 메일의 컨텐츠를 제공하는 세 가지 다른 방법을 묻는 메시지가 표시됩니다.

• 처음부터 디자인:빈 캔버스로 시작하고 WYSIWYG-editor를 사용하여 구조 및 콘텐츠 구성 요소를 드래그하여 놓아 전자 메일의 컨텐츠를 시각적으로 구성합니다.
• 직접 코드 작성:HTML을 사용하여 코딩하여 자신만의 이메일 템플릿을 만듭니다
• HTML 가져오기:편집할 수 있는 기존 HTML 템플릿을 가져옵니다.

처음부터 디자인​을 클릭합니다.

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

메뉴에서 1:2 열 왼쪽​을 캔버스로 끌어다 놓습니다. 로고 이미지의 자리 표시자가 됩니다.

1:1 열​을 이전 구성 요소 아래에 끌어다 놓습니다. 배너 블록입니다.

1:2 열 왼쪽​을 이전 구성 요소 아래에 끌어다 놓습니다. 왼쪽에 이미지가 있고 오른쪽에 텍스트가 있는 실제 콘텐츠가 됩니다.

그런 다음 1:1 열​을 이전 구성 요소 아래에 끌어다 놓습니다. 이메일의 바닥글입니다. 이제 캔버스는 다음과 같이 표시됩니다.

이제 콘텐츠 구성 요소를 사용하여 이 블록 내에 콘텐츠를 추가하겠습니다. 컨텐츠 구성 요소 메뉴 항목을 클릭합니다

첫 번째 행의 첫 번째 셀에 있는 HTML 구성 요소를 드래그하여 놓습니다.

HTML 구성 요소를 클릭한 다음 소스 코드 표시​를 클릭합니다.

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

여기에 이 코드를 붙여 넣습니다.<img src="{%= %}" width="100px%">

스크린샷에 표시된 대로 커서를 놓습니다.

그런 다음 --aepTenantId--.demoEnvironment.brandLogo 필드로 이동합니다. + 아이콘을 클릭하여 개인화 토큰을 삽입합니다. 그런 다음 저장​을 클릭합니다.

이제 이 HTML 구성 요소를 구성하여 Adobe Experience Platform의 실시간 고객 프로필 내의 필드에서 이미지 URL을 동적으로 가져옵니다.

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

컨텐츠 구성 요소 로 이동하고 첫 번째 행의 첫 번째 셀에 있는 Image 구성 요소를 드래그하여 놓습니다.

찾아보기​를 클릭합니다.

*

Assets 팝업에서 module-23 폴더를 두 번 클릭합니다. 이 폴더에서는 크리에이티브 팀이 이전에 준비하여 업로드한 모든 자산을 찾을 수 있습니다.

module23-confirm-new.png​를 선택하고 선택​을 클릭합니다.

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

이미지를 선택하고 오른쪽 메뉴에서 크기 너비 슬라이더 구성 요소가 표시될 때까지 아래로 스크롤합니다.

슬라이더를 사용하여 너비를 f.i로 변경합니다.60%

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

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

기본 텍스트 을 선택하십시오. 여기에 텍스트를 입력하십시오. 텍스트 편집기에서와 마찬가지로 대신 Dear​을 쓰십시오. 텍스트 모드에 있을 때 텍스트 도구 모음이 표시됩니다.

도구 모음에서 개인화 추가 아이콘을 클릭합니다.

그런 다음 profile.person.name.firstName 아래에 저장된 이름 개인화 토큰을 가져와야 합니다. 메뉴에서 Person 요소를 찾아 전체 이름 요소로 드릴다운한 다음 + 아이콘을 클릭하여 식 편집기에 이름 필드를 추가합니다.

저장​을 클릭합니다.

이제 개인화 필드가 텍스트에 추가된 방식을 확인할 수 있습니다.

동일한 텍스트 필드에서 Enter​를 두 번 눌러 두 줄을 추가하고 에 등록해 주셔서 감사합니다..

개인화 추가​를 다시 클릭합니다.

다음으로, --aepTenantId--.demoEnvironment.brandName 아래에 저장된 브랜드 이름 개인화 토큰을 가져와야 합니다. 왼쪽 목록에서 --aepTenantId-- 요소를 찾고 화살표를 클릭하여 더 깊이 이동합니다.

그런 다음 demoEnvironment 요소를 찾아 화살표를 클릭하여 더 깊이 이동합니다.

마지막으로 필드 brandName​을(를) 찾아 그 옆에 있는 + 기호를 클릭합니다. 그러면 텍스트 필드에 개인화 토큰이 나타납니다. 저장​을 클릭합니다.

이제 개인화 필드가 텍스트에 추가된 방식을 확인할 수 있습니다.

왼쪽 메뉴에서 구조 구성 요소​로 돌아갑니다.

1:1 열​을 이전 구성 요소 아래에 끌어다 놓습니다. 배너 블록입니다.

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

기본 텍스트를 더 이상 관심 없는 것으로 바꾸시겠습니까? 즉시 가입 해지하십시오.

이제 단어 가입 해지​를 선택하고 도구 모음에서 링크 삽입 아이콘을 클릭합니다.

링크 유형 드롭다운에서 구독 취소 링크​를 선택하고 구독 취소 페이지 URL 텍스트 필드 https://www.optout.adobe.com​에 다음 URL을 넣습니다. 저장​을 클릭합니다.

이제 등록 확인 전자 메일에는 게재 가능성(Spam 폴더 대신 수신자의 사서함에 도착하도록 하는 이메일 전송에 대한 우수 사례)을 위한 콘텐츠가 포함되어 있습니다. 이 전자 메일에는 텍스트 버전도 있습니다.

이메일 디자이너의 맨 위에 있는 일반 텍스트 단추를 클릭하여 Journey Optimizer이 HTML을 텍스트 버전과 자동으로 동기화하여 텍스트를 다시 작성하지 않아도 되는 방식을 확인합니다.

전자 메일을 미리 볼 준비가 되었는지 확인하는 마지막 확인은 미리 보기 단추를 클릭합니다.

미리 보기에 사용할 프로필을 식별하여 시작합니다. ID 네임스페이스 입력 필드 옆에 있는 아이콘을 클릭하여 이메일 네임스페이스를 선택합니다.

ID 네임스페이스 목록에서 이메일 네임스페이스를 선택합니다. 선택​을 클릭합니다.

ID 값 필드에 실시간 고객 프로필에 이미 저장된 이전 데모 프로필의 이메일 주소를 입력합니다. 예를 들어 woutervangeluwe+31052021-10@gmail.com 을 클릭하고 테스트 프로필 찾기 단추를 클릭합니다

프로필이 표에 표시되면 미리 보기 탭을 클릭하여 미리 보기 화면에 액세스합니다.

미리 보기가 준비되면 제목 줄에서 개인화가 올바른지 확인합니다. 본문 텍스트와 구독 취소 링크가 하이퍼링크로 강조 표시됩니다.

닫기​를 클릭하여 미리 보기를 닫습니다.

저장​을 클릭하여 메시지를 저장합니다.

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

이제 등록 전자 메일의 초안 버전을 완료했습니다. 여정에서 사용할 수 있도록 메시지를 게시하려면 게시​를 클릭하십시오.

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

메시지가 게시되었음을 나타내는 녹색 확인 팝업이 화면 하단에 표시될 때까지 기다립니다.

너는 이 운동을 끝마쳤다.

다음 단계:23.2 트리거 기반 여정 구성 - 계정 생성

모듈 23으로 돌아가기

모든 모듈로 돌아가기