Setup ContextHub for Personalization

ContextHub is a framework for storing, manipulating, and presenting context data. The ContextHub Javascript API enables you to access stores to create, update, and delete data as necessary. As such, ContextHub represents a data layer on your pages. This page describes how to add context hub to your AEM site pages.


We use the WKND reference site for this video and it is not part of AEM release. 🔗

Add ContextHub to your pages to enable the ContextHub features and to link to the ContextHub JavaScript libraries. The ContextHub JavaScript API provides access to the context data that ContextHub manages.

Adding ContextHub to a Page Component

contexthub <head> The HTL code for your page component resembles the following example:

<!--/* Include Context Hub */-->
<sly data-sly-resource="${'contexthub' @ resourceType='granite/contexthub/components/contexthub'}"/>

Site Configuration and ContextHub Segments

ContextHub includes a segmentation engine that manages segments and determines which segments are resolved for the current context. Several segments are defined. 🔗 🔗

Create Segments

Create AEM segments that act as rules for the teasers. That is, they define when content within a teaser appears on a web page. 그런 후 방문자의 필요 및 관심사와 일치하는 세그먼트에 따라, 이러한 항목을 컨텐츠의 대상으로 구체적으로 지정할 수 있습니다.

Assigning Cloud Configuration, Segment path and ContextHub path to your site

Assigning the Cloud configuration path, segmentation path and ContextHub path to your site root node so you can create a personalized experience for your audience. Using the ContextHub, you can manipulate the context data and test your resolved segments.


You can read more about ContextHub and segmentation below:

이 페이지에서는