Setup ContextHub for Personalization

ContextHub は、コンテキストデータを保存、操作および表示するためのフレームワークです。ContextHub JavaScript API を使用してストアにアクセスし、必要に応じてデータを作成、更新および削除できます。したがって、ContextHub はページ上のデータレイヤーに相当します。 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.

ページコンポーネントへの ContextHub の追加

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 には、セグメントの管理や、現在のコンテキストで解決されるセグメントの判断をするセグメント化エンジンが含まれています。いくつかのセグメントが定義されています。JavaScript API を使用して、解決されたセグメントを判断できます。🔗

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: