Adobe I/O 콘솔을 통해 Adobe Experience Platform Launch 사용

전제 조건

  • 로컬 호스트 포트 4502 및 4503에서 AEM 작성자 및 게시 설치

  • Experience Cloud

    • 조직에 대한 액세스 Adobe Experience Cloud - https://<yourcompany>.experiencecloud.adobe.com

    • 다음 솔루션으로 제공된 Experience Cloud

      노트

      Launch에서 개발, 승인, 게시, 확장 관리 및 환경 관리 권한이 있어야 합니다. 사용자 인터페이스 옵션을 사용할 수 없어서 이러한 단계를 완료할 수 없는 경우 Experience Cloud 관리자에게 연락하여 액세스 권한을 요청하십시오. Launch 권한에 대한 자세한 내용은 설명서를 참조하십시오.

  • 브라우저 플러그인

    • Adobe Experience Cloud Debugger(Chrome)
    • Launch 및 DTM 스위치(Chrome)

관련 사용자

이 통합을 위해 다음 대상이 관련되어 있고, 일부 작업을 수행하려면 관리 액세스 권한이 필요할 수 있습니다.

  • 개발자
  • AEM 관리
  • Experience Cloud 관리자

소개

AEM에서는 Experience Platform Launch과 즉시 통합할 수 있습니다. 이 통합을 통해 AEM 관리자는 사용하기 쉬운 인터페이스를 통해 Experience Platform Launch을 쉽게 구성할 수 있으므로 이러한 두 도구를 구성할 때 작업 수준과 오류 수를 줄일 수 있습니다. 또한 Experience Platform Launch에 Adobe Target 확장을 추가하면 AEM 웹 페이지에서 Adobe Target의 모든 기능을 사용할 수 있습니다.

이 섹션에서는 다음 통합 단계를 다룹니다.

  • 시작
    • Launch 속성 만들기
    • Target 확장 추가
    • 데이터 요소 만들기
    • 페이지 규칙 만들기
    • 환경 설정
    • 작성 및 게시
  • AEM
    • Cloud Service 만들기
    • 만들기

시작

Launch 속성 만들기

속성은 사이트에 태그를 배포할 때 확장, 규칙, 데이터 요소 및 라이브러리로 채우는 컨테이너입니다.

  1. 조직 Adobe Experience Cloud(https://<yourcompany>.experiencecloud.adobe.com)로 이동합니다.

  2. Adobe ID을 사용하여 로그인하고 올바른 조직에 있는지 확인하십시오.

  3. 솔루션 전환기에서 Launch​를 클릭한 다음 Go To Launch 단추를 선택합니다.

    Experience Cloud - 시작

  4. 올바른 조직에 있는지 확인한 다음 Launch 속성 만들기를 계속합니다.
    Experience Cloud - 시작

    속성 만들기에 대한 자세한 내용은 제품 설명서 에서 속성 만들기 를 참조하십시오.

  5. New Property 단추를 클릭합니다.

  6. 속성의 이름을 입력합니다(예: AEM Target 자습서).

  7. WKND 데모 사이트가 실행 중인 도메인이므로 도메인으로는 localhost.com​을 입력합니다. '도메인' 필드가 필요하지만 Launch 속성은 Launch가 구현된 모든 도메인에서 작동합니다. 이 필드의 주 목적은 규칙 빌더에서 메뉴 옵션을 미리 채우는 것입니다.

  8. 저장 단추를 클릭합니다.

    Launch - 새 속성

  9. 방금 만든 속성을 열고 Extensions 탭을 클릭합니다.

Target 확장 추가

Adobe Target 확장은 최신 웹, at.js에 Target JavaScript SDK를 사용하여 클라이언트측 구현을 지원합니다. 여전히 Target 이전 라이브러리인 mbox.js, 을 사용하는 고객은 Launch를 사용하려면 at.js로 업그레이드해야 합니다.

Target 확장은 다음 두 가지 주요 부분으로 구성됩니다.

  • 코어 라이브러리 설정을 관리하는 확장 구성
  • 규칙 작업: 다음을 수행합니다.
    • Target 로드(at.js)
    • 모든 Mbox에 매개 변수 추가
    • 글로벌 Mbox에 매개 변수 추가
    • 글로벌 Mbox 실행
  1. 확장​에서 Launch 속성에 대해 이미 설치된 확장 목록을 볼 수 있습니다. (Experience Platform Launch 코어 확장이 기본적으로 설치되어 있습니다.)

  2. 확장 카탈로그 옵션을 클릭하고 필터에서 Target을 검색합니다.

  3. 최신 버전의 Adobe Target at.js를 선택하고 설치 옵션을 클릭합니다.
    Launch - 새 속성

  4. 구성 단추를 클릭하면 Target 계정 자격 증명을 가져온 구성 창과 이 확장에 대한 at.js 버전을 확인할 수 있습니다.
    Target - 확장 구성

    Target이 비동기 Launch 포함 코드를 통해 배포될 때 콘텐츠 깜박임을 관리하기 위해 Launch 포함 코드 앞에 페이지에 사전 숨김 코드 조각을 하드 코딩해야 합니다. 우리는 나중에 사전에 숨기는 스나입자에 대해 더 자세히 알아볼 것이다. 사전에 숨기는 코드 조각 여기를 다운로드할 수 있습니다

  5. 저장​을 클릭하여 Target 확장을 Launch 속성에 추가하기 때문에 이제 설치된 확장 목록 아래에 나열된 Target 확장을 볼 수 있습니다.

  6. 위의 단계를 반복하여 "Experience Cloud ID 서비스" 확장을 검색하고 설치합니다.
    확장 - Experience Cloud ID 서비스

환경 설정

  1. 사이트 속성에 대한 환경 탭을 클릭하면 사이트 속성에 대해 생성되는 환경 목록이 표시됩니다. 기본적으로 개발, 스테이징 및 프로덕션에 대해 각각 하나의 인스턴스가 생성됩니다.

데이터 요소 - 페이지 이름

작성 및 게시

  1. 사이트 속성에 대한 게시 탭을 클릭하고, 라이브러리를 만들어 변경 사항(데이터 요소, 규칙)을 작성하고 개발 환경에 배포하겠습니다.
  2. 개발 환경에서 스테이징 환경에 변경 사항을 게시합니다.
  3. 스테이징용 빌드 옵션​을 실행합니다.
  4. 빌드가 완료되면 변경 사항을 스테이징 환경에서 프로덕션 환경으로 이동하는 Approve for Publishing​을 실행합니다.
    프로덕션에 스테이징
  5. 마지막으로 빌드 및 프로덕션에 게시 옵션을 실행하여 변경 사항을 프로덕션에 푸시합니다.
    빌드 및 프로덕션에 게시

Adobe Experience Manager

  1. Adobe I/O의 자격 증명을 사용하여 AEM에서 IMS 통합을 만듭니다(01:12~03:55).
  2. Experience Platform Launch에서 속성을 만듭니다. (위 )
  3. 1단계에서 IMS 통합을 사용하여 Experience Platform Launch 통합을 만들어 Launch 속성을 가져옵니다.
  4. AEM에서 브라우저 구성을 사용하여 Experience Platform Launch 통합을 사이트에 매핑합니다. (05:28~06:14)
  5. 통합 유효성을 수동으로 확인합니다. (06:15~06:33)
  6. Launch/DTM 브라우저 플러그인을 사용합니다. (06:34~06:50)
  7. Adobe Experience Cloud Debugger 브라우저 플러그인을 사용합니다. (06:51~07:22)

이 시점에서 옵션 1에 자세히 설명된 대로 Adobe Experience Platform Launch🔗을 사용하여 AEM을 Adobe Target과 성공적으로 통합했습니다.

AEM 경험 조각 오퍼를 사용하여 개인화 활동을 수행할 수 있도록 하려면, 다음 장을 진행하고, 기존 클라우드 서비스를 사용하여 AEM을 Adobe Target과 통합할 수 있습니다.

이 페이지에서는