ClientContext client-context

Client Context는 현재 페이지 및 방문자에 대한 특정 정보를 제공하는 메커니즘입니다. Ctrl-Alt-c(windows) 또는 control-option-c(Mac)을 사용하여 열 수 있습니다.

게시 및 작성 환경 모두에 다음에 대한 정보가 표시됩니다.

아이콘(작성자 환경에서만 사용 가능)을 사용하면 클라이언트 컨텍스트의 세부 사항을 구성할 수 있습니다.

사용 가능한 Client Context 구성 요소 available-client-context-components

Client Context는 다음 속성을 표시할 수 있습니다(편집을 사용하여 선택한 항목에 따라 다름).

서퍼 정보 다음 클라이언트측 정보를 표시합니다.

활동 스트림 AEM 포럼, 블로그, 등급 등 다양한 플랫폼에서 사용자의 소셜 활동에 대한 정보를 제공합니다.

캠페인 작성자가 캠페인에 대한 특정 경험을 시뮬레이션할 수 있습니다. 이 구성 요소는 일반적인 캠페인 해상도 및 경험 선택을 무시하여 다양한 순열 테스트를 활성화합니다.

캠페인 해결은 일반적으로 캠페인의 우선 순위 속성을 기반으로 합니다. 경험은 일반적으로 세그먼테이션을 기반으로 선택됩니다.

장바구니 제품 항목(제목, 수량, 가격 형식 등), 해결된 프로모션(제목, 메시지 등), 바우처(코드, 설명 등)를 포함한 장바구니 정보를 표시합니다.

또한 장바구니 세션 저장소는 ClientContextCartServlet을 사용하여 해결된 프로모션 변경 사항(세그먼테이션 변경 사항 기반)에 대해 서버에 알립니다.

일반 저장소 ​는 저장소의 콘텐츠를 표시하는 일반 구성 요소입니다. 일반 저장소 속성 구성 요소의 하위 수준 버전입니다.

제네릭 저장소는 사용자 지정 방식으로 데이터를 표시하는 JS 렌더러로 구성해야 합니다.

일반 저장소 속성 ​은(는) 저장소의 콘텐츠를 표시하는 일반 구성 요소입니다. 일반 저장소 구성 요소의 상위 수준 버전입니다.

원본 저장소 속성 구성 요소에는 구성된 속성을 나열하는 기본 렌더러가 포함되어 있습니다(썸네일과 함께).

지리적 위치 클라이언트의 위도와 경도를 표시합니다. HTML5 지리적 위치 API를 사용하여 브라우저에 현재 위치를 쿼리합니다. 이렇게 하면 방문자에게 팝업이 표시되고, 브라우저에서 위치 공유에 동의하는지 묻습니다.

Context Cloud에 표시되는 경우 구성 요소는 Google API를 사용하여 맵을 썸네일로 표시합니다. 구성 요소에는 Google API 사용 제한이 적용됩니다.

JSONP 저장소 설치에 종속된 콘텐츠를 표시하는 구성 요소입니다.

JSONP 표준은 동일한 원본 정책을 우회할 수 있는 JSON을 보완하는 것입니다(웹 앱이 다른 도메인에 있는 서버와 통신할 수 없도록 함). 다른 도메인(동일한 원본 정책에 허용된 예외)에서 <script>(으)로 로드할 수 있도록 함수 호출에서 JSON 개체를 래핑하는 것으로 구성됩니다.

JSONP 저장소는 다른 저장소와 유사하지만 현재 도메인에서 해당 정보에 대한 프록시를 가질 필요 없이 다른 도메인에서 오는 정보를 로드합니다. JSONP를 통해 Client Context에 데이터 저장의 예제를 참조하십시오.

프로필 데이터 ​는 사용자 프로필에 수집된 정보를 표시합니다. 예를 들어, 성별, 나이, 이메일 주소 등이 있습니다.

해결된 세그먼트 현재 해결된 세그먼트를 표시합니다(종종 클라이언트 컨텍스트에 표시된 다른 정보에 따라 다름). 이는 캠페인을 구성할 때 유용합니다.

예를 들어, 마우스가 현재 창의 왼쪽 또는 오른쪽 부분에 있는지 여부를 지정합니다. 이 세그먼트는 변경 사항을 즉시 확인할 수 있으므로 주로 테스트에 사용됩니다.

소셜 그래프 사용자의 친구와 팔로워의 소셜 그래프를 표시합니다.

태그 클라우드 현재 페이지에 설정된 태그와 사이트를 서핑하는 동안 수집한 태그를 표시합니다. 태그 위로 마우스를 이동하면 현재 사용자가 특정 태그가 들어 있는 페이지에 액세스한 횟수가 표시됩니다.

Technographics 저장소 이 구성 요소는 설치에 따라 다릅니다.

ViewedProducts 구매자가 본 제품을 추적합니다. 최근에 본 제품 또는 장바구니에 아직 없는 최근에 본 제품에 대해 쿼리할 수 있습니다.

이 세션 저장소에는 기본 클라이언트 컨텍스트 구성 요소가 없습니다.

자세한 내용은 Client Context를 참조하십시오.

Client Context 프로필 변경 changing-the-client-context-profile

Client Context를 사용하면 대화식으로 세부 사항을 변경할 수 있습니다.

새 사용자 프로필 로드 loading-a-new-user-profile

다음 중 하나를 수행하여 프로필을 변경할 수 있습니다.

완료되면 프로필을 다시 설정할 수 있습니다.

프로필 로드 아이콘을 사용하여 새 방문자 프로필 로드 loading-a-new-visitor-profile-with-the-load-profile-icon

선택 슬라이더를 사용하여 새 사용자 프로필 로드 loading-a-new-user-profile-with-the-selection-slider

선택 슬라이더로 프로파일을 선택할 수도 있습니다.

현재 사용자로 프로필 재설정 resetting-the-profile-to-the-current-user

브라우저 플랫폼 변경 changing-the-browser-platform

지리적 위치 변경 changing-the-geolocation

태그 선택 변경 changing-the-tag-selection

Client Context 편집 editing-the-client-context

클라이언트 컨텍스트를 편집하면 특정 속성의 값을 설정(또는 재설정)하거나, 새 속성을 추가하거나, 더 이상 필요하지 않은 속성을 제거할 수 있습니다.

속성 세부 정보 편집 editing-property-details

클라이언트 컨텍스트를 편집하여 특정 속성의 값을 설정(또는 재설정)할 수 있습니다. 이를 통해 특정 시나리오를 테스트할 수 있습니다(세그먼테이션 및 캠페인에 특히 유용함).

속성 구성 요소 추가 adding-a-property-component

ClientContext 디자인 페이지 ​를 연 후에는 사용 가능한 구성 요소를 사용하여 완전히 새로운 속성을 추가 ​할 수도 있습니다. 구성 요소는 사이드 킥 또는 구성 요소 또는 자산을 여기로 드래그하십시오 상자를 두 번 클릭한 후 열리는 새 구성 요소 삽입 대화 상자에 모두 나열됩니다.

속성 구성 요소 제거 removing-a-property-component

ClientContext 디자인 페이지 ​를 연 후에는 더 이상 필요하지 않은 경우 속성을 제거 ​할 수도 있습니다. 기본적으로 제공되는 속성이 여기에 포함됩니다. Reset ​을(를) 제거하면 다시 설정됩니다.

JSONP를 통해 Client Context에 데이터 저장 storing-data-in-client-context-via-jsonp

JSONP 저장소 컨텍스트 저장소 구성 요소를 사용하여 외부 데이터를 Client Context에 추가하려면 이 예제를 따르십시오. 그런 다음 해당 데이터의 정보를 기반으로 세그먼트를 만듭니다. 이 예제에서는 WIPmania.com 이 제공하는 JSONP 서비스를 사용합니다. 이 서비스는 웹 클라이언트의 IP 주소를 기반으로 지리적 위치 정보를 반환합니다.

이 예에서는 Geometrixx Outdoors 샘플 웹 사이트를 사용하여 Client Context에 액세스하고 작성된 세그먼트를 테스트합니다. 페이지에 Client Context가 활성화되어 있으면 다른 웹 사이트를 사용할 수 있습니다. 페이지에 클라이언트 컨텍스트 추가를 참조하십시오.

JSONP 저장소 구성 요소 추가 add-the-jsonp-store-component

JSONP 저장소 구성 요소를 Client Context에 추가하고 이 구성 요소를 사용하여 웹 클라이언트에 대한 지리적 위치 정보를 검색하고 저장합니다.

세그먼트 만들기 create-the-segment

JSONP 저장소 구성 요소를 사용하여 만든 세션 저장소의 데이터를 사용합니다. 세그먼트는 세션 저장소의 위도와 현재 날짜를 사용하여 클라이언트의 위치에서 겨울 시간인지 여부를 결정합니다.