6.2 이메일 메시지 만들기

이 연습에서는 다른 사람이 데모 웹 사이트에서 계정을 만들 때 트리거해야 하는 여정을 구성합니다.

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

ACOP

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

ACOP

먼저 올바른 샌드박스를 사용하고 있는지 확인하십시오. 사용할 샌드박스를 --aepSandboxId-- 이라고 합니다. 한 샌드박스에서 다른 샌드박스로 변경하려면 프로덕션 제품(VA7)​을 클릭하고 목록에서 샌드박스를 선택하십시오. 이 예에서 샌드박스의 이름은 AEP Enablement FY21​입니다.

ACOP

그런 다음 샌드박스 --aepSandboxId--Home 보기에 있습니다.

ACOP

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

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

Journey Optimizer

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

Journey Optimizer

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

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

Journey Optimizer

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

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

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

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

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

저장​을 클릭합니다.

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

이제 등록 확인 이메일에 컨텐츠가 있습니다. 게재 기능의 경우(Spam 폴더 대신 수신자의 사서함에 도착하도록 하는 이메일 전송에 대한 우수 사례), 이 이메일에 텍스트 버전이 있다는 것도 중요합니다.

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

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

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

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

Journey Optimizer

너는 이 운동을 끝마쳤다.

다음 단계:6.3 Journey Optimizer:설정 여정

모듈 6으로 돌아가기

모든 모듈로 돌아가기

이 페이지에서는