Show Menu
화제×

랜딩 페이지 만들기

랜딩 페이지 생성 정보

이 사용 사례는 디지털 편집기를 사용하여 Adobe Campaign 콘솔에서 랜딩 페이지를 만드는 방법을 보여줍니다.
Adobe Campaign에서 랜딩 페이지 구성을 시작하기 전에 HTML 페이지를 나타내는 템플릿이 하나 이상 있어야 합니다.
이 사용 사례의 주요 목표는 랜딩 페이지 양식 필드가 DCE의 함수를 사용하여 Adobe Campaign의 내부 필드와 일치하도록 하는 것입니다.

랜딩 페이지 만들기

새 랜딩 페이지 유형 웹 응용 프로그램을 만들려면 다음 단계를 따르십시오.
  1. 탭으로 Campaigns 이동하고 Web application 링크를 클릭한 다음 Create 단추를 클릭합니다.
  2. 템플릿을 New landing page 선택하고 레이블을 입력한 다음 을 클릭합니다 Save .
  3. 탭을 Edit 클릭합니다.
  4. 종료 활동을 삭제합니다.
  5. 활동 후에 Page 활동을 Storage 추가합니다.
  6. 페이지 2 활동을 편집한 다음 Activate outbound transitions 탭에서 Properties 옵션의 선택을 취소합니다.
  7. 변경 내용을 저장합니다.
그런 다음 다음 순서를 가져옵니다.
웹 응용 프로그램 만들기에 대한 자세한 내용은 이 섹션을 참조하십시오.

1단계 - 템플릿 선택 및 로드

이 섹션에서는 웹 애플리케이션의 각 페이지에 대한 HTML 컨텐츠를 ​가져오는 방법을 살펴봅니다.
템플릿에는 다음이 포함되어야 합니다.
  • HTML 파일 (필수)
  • 하나 이상의 CSS 파일(선택 사항)
  • 하나 이상의 이미지 (선택 사항)
첫 번째 페이지에서 템플릿을 로드하려면 다음 단계를 적용합니다.
  1. 웹 애플리케이션의 첫 번째 Page 활동을 엽니다.
  2. 컨텐츠 템플릿을 From a file 페치하려면 선택합니다.
  3. 사용할 HTML 파일을 선택합니다.
  4. 열기를 클릭하여 가져오기를 시작합니다.
    로드하는 동안 공유 파일 목록이 표시됩니다. 가져오기 시스템에서는 선택한 HTML에 연결된 모든 파일(CSS, 이미지 등)이 있는지 확인합니다.
    가져오기가 완료되면 Close 단추를 클릭합니다.
    닫기 전에 다음 메시지가 표시될 때까지 기다려야 합니다. The external resources have been successfully published 을 클릭합니다.
  5. 탭을 Properties 클릭합니다.
  6. 각 페이지에 대한 레이블을 입력합니다(예:페이지 1= 수집, 페이지 2=감사).
웹 애플리케이션에 삽입된 각 페이지에 대해 다음 단계를 적용합니다.
DCE는 로드된 HTML 페이지에 대한 JavaScript 코드를 실행합니다. Adobe Campaign 인터페이스에 표시될 수 있는 HTML 템플릿의 JavaScript 오류입니다. 이러한 오류는 편집기와 관련이 없습니다. 가져온 파일에 오류가 없는지 확인하려면 파일을 DCE로 가져오기 전에 브라우저(Internet Explorer / Firefox / Chrome)에서 테스트하는 것이 좋습니다.

2단계 - 컨텐츠 구성

이 섹션에서는 가져온 컨텐츠를 조정하고 데이터베이스의 필드를 웹 페이지의 양식에 연결합니다. 이전에 만든 웹 응용 프로그램은 다음과 같습니다.

컨텐츠 수정

먼저 페이지의 색상을 변경해 보겠습니다. 이렇게 하려면:
  1. 페이지를 Collection 엽니다.
  2. 배경을 클릭합니다.
  3. 오른쪽에 있는 배경색을 클릭합니다.
  4. 새 배경색을 선택합니다.
  5. 확인을 클릭하여 변경을 확인합니다.
  6. 동일한 프로세스를 적용하여 단추 색상 변경

양식 필드 연결

제공된 정보를 저장하기 위해 페이지의 필드를 데이터베이스의 필드에 연결합니다.
  1. 양식 필드를 선택합니다.
  2. 편집기의 오른쪽에 있는 Field 섹션을 편집합니다.
  3. 선택한 필드에 연결할 데이터베이스 필드를 선택합니다.
  4. 페이지의 각 필드에 대해 이 프로세스를 반복합니다.
필드를 필수 필드로 만들 수 있습니다.예를 들어, Email 필드를 클릭한 다음 필수 옵션을 활성화합니다 .

개인화 필드 삽입

이 단계에서는 감사 페이지를 개인화할 수 있습니다. 이렇게 하려면:
  1. 페이지를 Thank you 엽니다.
  2. 수신자의 이름을 삽입할 텍스트 영역에 커서를 놓습니다.
  3. 도구 Personalization field 모음의 Insert 메뉴에서 을 선택합니다.
  4. 이름을 선택합니다.
개인화 필드에 편집기의 노란색 배경이 있습니다.

3단계 - 컨텐츠 게시

컨텐츠는 웹 애플리케이션 대시보드에서 게시됩니다. 단추를 클릭하여 Publish 실행합니다.
게시 중에 로그가 표시됩니다. 게시 시스템은 웹 응용 프로그램에 있는 모든 컨텐츠를 분석합니다.
게시 로그에서 경고 및 오류는 활동별로 정렬됩니다.
이제 양식을 사용할 수 있습니다.애플리케이션 대시보드에서 해당 URL에 액세스할 수 있으며 수신자에게 전송할 수 있습니다.