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.
To automatically add a custom component to the Data Layer:
data-cmp-data-layerattribute to the custom component HTL. E.g.
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.
data-cmp-data-layer-enabled attribute can be queried client-side to check if the data layer is enabled.
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.
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.
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.
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.