개인화를 위한 ContextHub 설정
ContextHub는 컨텍스트 데이터를 저장, 조작 및 표시하기 위한 프레임워크입니다. ContextHub Javascript API를 사용하면 저장소에 액세스하여 데이터를 필요에 따라 작성, 업데이트 및 삭제할 수 있습니다. 따라서 ContextHub는 페이지의 데이터 계층을 나타냅니다. 이 페이지에서는 AEM 사이트 페이지에 Context Hub를 추가하는 방법에 대해 설명합니다.
이 비디오에는 WKND 참조 사이트를 사용하며 AEM 릴리스의 일부가 아닙니다. 다음을 다운로드할 수 있습니다. 최신 버전을 여기에 표시.
페이지에 ContextHub를 추가하여 ContextHub 기능을 활성화하고 ContextHub JavaScript 라이브러리에 연결합니다. ContextHub JavaScript API는 ContextHub가 관리하는 컨텍스트 데이터에 대한 액세스를 제공합니다.
페이지 구성 요소에 ContextHub 추가
ContextHub 기능을 활성화하고 ContextHub JavaScript 라이브러리에 연결하려면 contexthub 의 구성 요소 <head> 섹션에 있는 마지막 항목이 될 필요가 없습니다 페이지 구성 요소에 대한 HTL 코드는 다음 예제와 유사합니다.
<!--/* Include Context Hub */-->
<sly data-sly-resource="${'contexthub' @ resourceType='granite/contexthub/components/contexthub'}"/>
사이트 구성 및 ContextHub 세그먼트
ContextHub에는 세그먼트를 관리하고 현재 컨텍스트에 대해 해결할 세그먼트를 결정하는 세그먼테이션 엔진이 포함되어 있습니다. 여러 개의 세그먼트가 정의됩니다. Javascript API를 사용하여 다음을 수행할 수 있습니다. 해결된 세그먼트 결정. 아래에서 사이트에 대한 ContextHub 세그먼트 활성화 구성 브라우저.
세그먼트 만들기
티저에 대한 규칙 역할을 하는 AEM 세그먼트를 만듭니다. 즉, 티저 내의 콘텐츠가 웹 페이지에 표시되는 시점을 정의합니다. 그런 다음 콘텐츠를 일치하는 세그먼트에 따라 방문자의 요구 사항 및 관심 분야에 구체적으로 타겟팅할 수 있습니다.
클라우드 구성, 세그먼트 경로 및 ContextHub 경로를 사이트에 할당
대상자를 위한 개인화된 경험을 만들 수 있도록 클라우드 구성 경로, 세분화 경로 및 ContextHub 경로를 사이트 루트 노드에 할당합니다. ContextHub를 사용하여 컨텍스트 데이터를 조작하고 해결된 세그먼트를 테스트할 수 있습니다.
아래에서 ContextHub 및 세그멘테이션에 대해 자세히 알아볼 수 있습니다.
