Integrations with the Adobe Client Data Layer integrations
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 enabling-custom-components
To automatically add a custom component to the Data Layer:
- Define the properties of the custom component model that needs to be tracked.
- Add the
data-cmp-data-layerattribute 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.
DATA_LAYER_INTEGRATION.md file in the Core Components repository.Integrating with Adobe Analytics and Adobe Target analytics-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 collect-page-data
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.
Track Clicked Components with Adobe Analytics track-clicked-components
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.