Integrations with the Adobe Client Data Layer

The Adobe Client Data Layer reduces the effort to instrument websites by providing a standardized method to expose and access any kind of data for any script.

The Adobe Client Data Layer can integrate with your custom components and integrations with Adobe Analytics and Adobe Target can help you gain insights into your website.

Enabling the Data Layer for Custom Components

To automatically add a custom component to the Data Layer:

  1. Define the properties of the custom component model that needs to be tracked.
  2. Add the data-cmp-data-layer attribute to the custom component HTL. E.g. data-cmp-data-layer="${mycomponent.data.json}".

To automatically make the Data Layer trigger a cmp:click event each time a specific element of the custom component is clicked, add the data-cmp-clickable attribute to the element to be tracked in the custom component HTL.

The data-cmp-data-layer-enabled attribute can be queried client-side to check if the data layer is enabled.

TIP

For further technical details about the integration of the Adobe Client Data Layer with the Core Components and how to enable the Data Layer on your custom components, see the DATA_LAYER_INTEGRATION.md file in the Core Components repository.

Integrating with Adobe Analytics and Adobe Target

Paired with Adobe Analytics and Adobe Target, the Adobe Client Data Layer becomes the foundation of a very powerful and flexible tool set for gaining insights into your digital experiences. The following tutorials lead you through sample integrations.

Collect Page Data with Adobe Analytics

Learn to use the built-in features of the Adobe Client Data Layer with AEM Core Components to collect data about a page in Adobe Experience Manager Sites. Experience Platform Launch and the Adobe Analytics extension will be used to create rules to send page data to Adobe Analytics.

View the tutorial here.

Track Clicked Components with Adobe Analytics

Use the event-driven Adobe Client Data Layer with AEM Core Components to track clicks of specific components on an Adobe Experience Manager site. Learn how to use rules in Experience Platform Launch to listen for click events, filter by component and send the data to an Adobe Analytics with a track link beacon.

View the tutorial here.

On this page

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now