Adobe Experience Manager 컨텐츠 조각을 사용한 작업 aem-fragments

Dispatcher 구성: Journey Optimizer에서 콘텐츠 조각 관리 API를 통해 Adobe Experience Manager 콘텐츠 조각에 액세스할 수 있도록 하려면 먼저 Dispatcher을 구성해야 합니다. 이는 통합을 위한 필수 조건입니다.

만들기 및 작성자: 콘텐츠가 Adobe Experience Manager에서 콘텐츠 조각으로 만들어지고 구성됩니다.

태그 지정: 콘텐츠 조각은 Journey Optimizer 관련 태그(ajo-enabled:{OrgId}/{SandboxName})로 태그 지정되어야 합니다.

게시: 콘텐츠 조각이 Adobe Experience Manager에 게시되어 Journey Optimizer에서 사용할 수 있습니다.

액세스: Journey Optimizer은 Adobe Experience Manager 게시 인스턴스에서 사용 가능한 콘텐츠 조각을 실시간으로 가져와서 표시합니다.

통합: 콘텐츠 조각을 선택하여 캠페인 또는 여정에 통합합니다.

Experience Manager 환경에 액세스합니다.

도구 메뉴에서 태그 지정​을 선택합니다.

태그 만들기​를 클릭합니다.

ID가 ajo-enabled:{AJO-OrgId}/{AJO-SandboxName} 구문을 준수하는지 확인하십시오.

만들기​를 클릭합니다.

Experience Manager 설명서에 자세히 설명된 대로 콘텐츠 조각 모델을 정의하고 새로 만든 Journey Optimizer 태그를 할당하십시오.

캠페인 또는 여정을 만듭니다.

AEM 컨텐츠 조각에 액세스하려면 텍스트 필드 내에서 을 클릭하거나 HTML 컨텐츠 구성 요소를 통해 소스 코드를 엽니다.

왼쪽 창의 AEM 콘텐츠 조각 메뉴에서 AEM CF 선택기 열기​를 클릭합니다.

목록을 탐색하고 Journey Optimizer 콘텐츠로 가져올 콘텐츠 조각​을 선택하십시오.

콘텐츠 조각 목록을 미세 조정하려면 필터 표시​를 클릭하십시오.

기본적으로 콘텐츠 조각 필터는 승인된 콘텐츠만 표시하도록 사전 설정되어 있습니다.

콘텐츠 조각​을 선택한 후 선택​을 클릭하여 추가합니다.

조각 정보를 표시하려면 조각 보기​를 클릭하세요. 조각 정보 메뉴를 열면 편집기가 읽기 전용 모드로 전환됩니다.

Adobe Experience Manager에서 조각을 보려면 오른쪽 메뉴에서 미리 보기​를 선택하십시오.

조각의 고급 메뉴에 액세스하려면 을 클릭하세요.

• 조각 교체
• 참조 살펴보기
• AEM에서 열기

조각​에서 원하는 필드를 선택하여 콘텐츠에 추가하십시오.

콘텐츠 조각 특성(예: 조각 모델의 경로 또는 URL 필드)에 저장된 이미지 URL을 표시하려면 <img> 태그와 조각 특성을 소스로 사용하여 HTML에 삽입합니다. 예:

<img src="[insert your AEM Content Fragment attribute here]">

알약: 해제​를 선택하여 긴 특성 경로를 숨겨 가독성을 향상하는 알약 경험을 사용하도록 설정합니다.

조각 텍스트 내에서 Adobe Experience Manager에서 작성된 개인화 자리 표시자​를 사용하려면 다음과 같이 Adobe Experience Manager의 콘텐츠 조각에서 해당 자리 표시자를 정의합니다. {{name}}.

Journey Optimizer에서 이러한 토큰은 자리 표시자입니다. 알약 경험이 있는 사용자는 조각 필드와 함께 오른쪽 레일의 AEM 콘텐츠 조각 섹션에 표시됩니다.

실시간 개인화를 사용하려면 콘텐츠 조각 내에서 사용되는 모든 자리 표시자를 조각 도우미 태그의 매개 변수로 사용자가 명시적으로 선언해야 합니다. 다음과 같이 이러한 자리 표시자를 프로필 속성, 컨텍스트 속성, 정적 문자열 또는 사전 정의된 변수에 매핑합니다.

1. 프로필 또는 컨텍스트 특성 매핑: 자리 표시자를 프로필 또는 컨텍스트 특성(예: name = profile.person.name.firstName)에 할당합니다.

2. 정적 문자열 매핑: 큰 따옴표 안에 고정 문자열 값을 할당하십시오(예: name = "John").

3. 변수 매핑: 같은 HTML 내에서 이전에 선언된 변수를 참조합니다(예: name = 'variableName').
   이 경우 다음 구문을 사용하여 조각 ID를 추가하기 전에 variableName​이(가) 선언되었는지 확인하십시오.

   code language-html
   {% let variableName = attribute name %}

아래 예에서 month 자리 표시자는 조각 내의 profile.person.birthDate 특성에 매핑됩니다.

{modal="regular"}

저장​을 클릭합니다. 이제 이 섹션에 자세히 설명된 대로 메시지 콘텐츠를 테스트하고 확인할 수 있습니다.

여정 또는 캠페인을 엽니다.

텍스트 필드에서 을 클릭하거나 HTML 콘텐츠 구성 요소에서 HTML 소스를 엽니다.

AEM 콘텐츠 조각​에서 CF 선택기 열기​를 클릭합니다.

표 보기에서 로케일별 Adobe Experience Manager 콘텐츠 조각을 선택하려면 표 사용자 지정​을 사용하여 언어 열을 추가하십시오. 로케일 값이 테이블에 표시되어 적절한 조각을 식별하고 선택할 수 있습니다.

콘텐츠 조각​을 선택하세요.

을 클릭하여 세부 정보 메뉴를 엽니다. 조각에 게시된 변형이 하나 이상 있으면 조각 세부 정보 옆에 변형 드롭다운이 표시됩니다.

빠른 세부 정보 메뉴에서 참조 탐색​을 클릭하여 변형 세부 정보, 미리 보기 및 증명을 위한 관련 옵션을 Adobe Experience Manager에서 엽니다.

변형을 선택한 다음 선택​을 클릭합니다.