- Core Components Introduction
- Paths to Success
- Component Library
- Versions
- Get Started
- The WCM Components
- Accordion
- Breadcrumb
- Button
- Carousel
- Container
- Content Fragment
- Content Fragment List
- Download
- Embed
- Experience Fragment
- Image
- Language Navigation
- List
- Navigation
- Page
- PDF Viewer
- Progress Bar
- Quick Search
- Separator
- Social Media Sharing
- Table of Contents
- Text
- Tabs
- Teaser
- Title
- Form Components
- v1 Components
- v2 Components
- v3 Components
- Email Components
- Adaptive Forms
- Introduction
- Version History
- Adaptive Forms Components
- Adaptive Forms Accordion
- Adaptive Forms Button
- Adaptive Forms Checkbox Group
- Adaptive Forms Container
- Adaptive Forms Date Picker
- Adaptive Forms Drop-down List
- Adaptive Forms Email Input
- Adaptive Forms File Attachments
- Adaptive Forms Horizontal Tabs
- Adaptive Forms Image
- Adaptive Forms Number Input
- Adaptive Forms Panel
- Adaptive Forms Radio Button
- Adaptive Forms Reset Button
- Adaptive Forms Submit Button
- Adaptive Forms Telephone Input
- Adaptive Forms Text
- Adaptive Forms Text Box
- Adaptive Forms Title
- Adaptive Forms Wizard Layout
- Header
- Footer
- Developing
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:
- 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.
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.
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.
Business.Adobe.com resources
Resources
Adobe Account
