Technical walkthrough integrating AEM 6.3 with Adobe Analytics, Adobe Target, and Dynamic Tag Management to build, deliver and measure personalized experiences. Also, examine how to leverage Context Hub to use your data for personalizing experiences and AEM Content Insights to visualize content KPIs.


Architecture Overview
Adobe Experience Manager - Adobe Experience Manager (AEM) is a comprehensive content management solution for building website and forms. And it makes it easy to manage your marketing content and assets.
Adobe Target - Adobe Target (Target) is a personalization solution that makes it easy to identify your best content through tests that are easy to execute. So you can deliver the right experience to the right customer.
Adobe Analytics - Adobe Analytics (Analytics) is the industry-leading solution for applying real-time analytics and detailed segmentation across all of your marketing channels. Use it to discover high-value audiences and power customer intelligence for your business. 
Dynamic Tag Management - Digital Marketing cloud service that allows a marketer to manage Adobe and third-party tags used for tracking or other analytic purposes. It is done through client-side scripting that injects tag related code throughout the pages of the site.
Core Services – Profiles and Audiences  - Profiles and Audiences core service gives you a complete and actionable view of your customers. It provides a common ID service (Marketing Cloud ID Service) to
identify audiences across Adobe solutions so insights are taken from one solution can be applied in another.
By using these products together, you can build engaging solutions that let you deliver the best content to a given web site visitor. That is, you display content from AEM DAM that meets the interest of the visitor. This development article walks you through how to build a solution that uses AEM, Analytics, Target, and DTM. 

Accessing Dynamic Tag Management within Adobe Marketing Cloud

Adobe's Dynamic Tag Manager (DTM) allows marketers to manage tags, distribute data, and simplifies tag management.

  1. Linking Activation - Dynamic Tag Management (DTM) account to Marketing Cloud
  2. Dynamic Tag Management (DTM) Documentation

Configuring Analytics with DTM

Configuring Target with DTM

Integrating Dynamic Tag Management with Adobe Experience Manager

Integrate Adobe Dynamic Tag Management with AEM so that you can use your Dynamic Tag Management web properties to track AEM sites. Dynamic Tag Management enables marketers to manage tags for collecting data, and distribute data across digital marketing systems. For example, use Dynamic Tag Management to collect usage data for your AEM website and distribute the data for analysis in Adobe Analytics or Adobe Target.


Cloud Services - Digital Marketing cloud services are the AEM mechanism to configure integrations between AEM and cloud services such as Adobe Marketing Cloud , Adobe Creative Cloud or third-party cloud services. Cloud Services typically hold the parameters for connecting with an external service such as credentials or API endpoints. This section describes how to configure connections to DTM. 

Steps to follow before integrating DTM with AEM:

  1. You need to create a web property that tracks the domain of your AEM site
  2. The hosting options of the web property must to configured so that you can configure AEM to access DTM libraries

Integrating Adobe Analytics with Adobe Experience Manager

Integrate SiteCatalyst and AEM  so that you can track your page activity SiteCatalyst. A SiteCatalyst configuration enables AEM to authenticate with SiteCatalyst. A framework identifies the data that is sent to your SiteCatalyst report suite. The data includes page and user data that AEM components collect, link clicks, and video usage information. The framework also causes AEM to retrieve the number of page visits from SiteCatalyst. 
  1. Integrating with Adobe Analytics
  2. Integrating AEM with Adobe Target and Adobe Analytics using DTM

Integrating Adobe Target with Adobe Experience Manager


Dynamic Tag Management is used load client library for Adobe Target. AEM synchronizes segments from Adobe Target


Integrate your AEM sites with Adobe Target to personalize content in your pages:Implement content targeting.Use Target audiences to create personalized experiences.Submit context data to Target when visitors interact with your pages.Track conversion rates.



When you target a component in AEM author, the component makes a series of server-side calls to Adobe Target to register the campaign, set up offers, and retrieve Adobe Target segments (if configured). No server-side calls are made from AEM publish to Adobe Target.


Integrating AEM with Adobe Target requires knowledge of Adobe Target, AEM Activities management, and AEM Audiences management. You should be familiar with the following information:

  1. Adobe Target (See the Adobe Target documentation).
  2. AEM Activities console (See Managing Activities).
  3. AEM Audiences (See Managing Audiences).



When working with Adobe Target, the following is the maximum number of artifacts allowed within a campaign:

  • 50 locations
  • 2,000 experiences
  • 50 metrics
  • 50 reporting segments​

Package Installation

Experience Targeting using Adobe Target and Analytics (A4T)

Author targeted content using Targeting mode of the AEM touch-optimized UI. Targeting mode and the Target component provide tools for creating content for experiences:

  • Easily recognize the targeted content that is on the page. A dotted line forms a border around all targeted content. 
  • Select a brand and an activity to see the experiences.Add experiences to an activity or remove experiences.
  • Perform A/B testing and convert winners (Adobe Target only).
  • Add offers to an experience by creating offers or using offers from a library.
  • Configure goals and monitor performance.Simulate the user experience.
  • For more customization, configure the Target component.


Key Terminology

  • Activity - rule set defining which content is shown to which visitor
  • Experiences - collection of offers, bound to an audience
  • Offer - content to be shown in a location
  • Audience - class of visitors defined by specific criteria
  • Location - specific area on the page where content is targeted


Target and Analytics Integration Overview

Analytics for Target Implementation

Deep Dive - Debugging the network activity

Network Activity Description
contexthub.kernel.js  The first include in your page header. This
loads the Context Hub base library
including the code for the stores. 
satelliteLib.js  The second include in your page template.
This loads the DTM library. 
data.json This is the request that loads the data for
our donation store. 
global-mbox-request (shown as /ajax):  This is the request made by the auto-
generated global mbox
mbox requests (shown as /standard):  These are the 2 targeted locations on our

The difference between the /ajax request for the global mbox and the /standard request for the targeted components is that we don’t expect content to be returned by the global mbox request. So we can send this as an asynchronous request that just sends the profile data required for the current user and then forget about it. 

The targeted components and their mbox however are expected to return actual content to be displayed. In the lab setup we are using a synchronous request for the targeted components to make sure our page loads smoothly without any flicker. For the mbox managed by the targeted components this means that on the AEM publish instance we are using an mboxCreate call to define the mbox. But using synchronous requests can affect page load performance. 


When inspecting the responses for the local mbox request you can see that AEM just synchs a JS snippet that takes care of loading the experience from AEM. This means the actual content stays in AEM and will be delivered from there, which allows to leverage AEMs powerful content aggregation and management