implement personalization using contexthub in AEM

Statement :

• How to Implement content personalization using ContextHub in AEM
• Content personalization using Based on the profile information.

Solution :

Follow the below steps.

Step 1 : Create audiences.

• Go to this URL http://localhost:4502/aem/start.html -->click on personlization-->click on audiences.
• Select --> we retails under audience-->http://localhost:4502/libs/cq/personalization/touch-ui/content/v2/audiences.html/conf/we-retail
• Create new Audiences -->click on create -->create context hub-->Enter some name and click on Ok as shown in below screenshot. created two audiences one for Boy and another one  for Girl.

Step 1.1 : Assign Segment to Audiences for Boy and Girl as per below screenshots

Step 2 : Create a Brand for audineces

• Go to this URL http://localhost:4502/libs/cq/personalization/touch-ui/content/v2/activities.html
• Click on create-->create Brand --> follow the below screenshot

Step 3: Create Activity

• Go to this URL: http://localhost:4502/libs/cq/personalization/touch-ui/content/v2/activities.html/content/campaigns
• Now select the already created brand i.e SampleCampaign -->click on create -->create activity--> follow the below screenhsots

Step 4: Click on Next to map Experience to Sampleactivity as shown in below screenshots -->click on + add experience to add the audiences created in earlier steps and map

Step 5: Enable target component for image

• Go to this URL: http://localhost:4502/editor.html/content/we-retail/us/en/about-us.html
• add image component and author an image 

• Switch edit mode to Target mode -->click on start target --> and select the authored image component to enable the target as shown in screenshot 

• Click on Start Targeting, Highlight image component while selecting the default target option and enable target-->click on target icon as shown below.

• Now again select the same image component but  select the target as Male Option and author different image as show in below 

• Now again select the same image component but  select the target as Female Option and author different image as show in below 

• Click on Next

• Click on Save

• Switch to preview mode and switch  profile to male/Female based on the profile selection you can see different images are shown. refer below screenshots.

• That's All!.