ÃÛ¶¹ÊÓƵ

Integrations with the ÃÛ¶¹ÊÓƵ Client Data Layer integrations

The ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ Client Data Layer can integrate with your custom components and integrations with ÃÛ¶¹ÊÓƵ Analytics and ÃÛ¶¹ÊÓƵ 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:

  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 ÃÛ¶¹ÊÓƵ Client Data Layer with the Core Components and how to enable the Data Layer on your custom components, see the file in the Core Components repository.

Integrating with ÃÛ¶¹ÊÓƵ Analytics and ÃÛ¶¹ÊÓƵ Target analytics-target

Paired with ÃÛ¶¹ÊÓƵ Analytics and ÃÛ¶¹ÊÓƵ Target, the ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ Analytics collect-page-data

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

View the tutorial here.

Track Clicked Components with ÃÛ¶¹ÊÓƵ Analytics track-clicked-components

Use the event-driven ÃÛ¶¹ÊÓƵ Client Data Layer with AEM Core Components to track clicks of specific components on an ÃÛ¶¹ÊÓƵ 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 ÃÛ¶¹ÊÓƵ Analytics with a track link beacon.

View the tutorial here.

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c