Integrating Landing Pages with Adobe Analytics

AEM has integrated the landing pages solution with Adobe Analytics by using the following call-to-action (CTA) components:

  1. Click Through Component
  2. Graphical Link Component

These components expose certain attributes that can be mapped via Adobe Analytics variables (Traffic, conversion variables) and success events to send information to Adobe Analytics.

Prerequisites

Adobe recommends that you go through the existing AEM-Adobe Analytics integration to understand how this integration works.

Components available for mapping

In AEM, the Call to Action components - ClickThroughLink and GraphicalLink - displayed here in the sidekick, can be mapped to Adobe Analytics variables.

chlimage_1-21

Mapping Landing Page components to Adobe Analytics

To map landing page components to Adobe Analytics:

  1. After creating the Adobe Analytics configuration and creating a new framework, select the appropriate reporting suite from the drop-down menu. This results in fetching the Adobe Analytics variables and showing them in the content finder.
  2. Drag and drop Call to Action (CTA) components from the sidekick into the mapping area in the middle of the page, as appropriate.
Component Name Attributes Exposed Meaning of Attribute
CTA Click Through Link eventdata.clickthroughLinkLabel
The label on the link or the text of the link

eventdata.clickthroughLinkTarget
The destination where you are taken when you click on the link

eventdata.events.clickthroughLinkClick
The click event
CTA Graphical Link eventdata.clicktroughImageLabel
The title of the CTA image

eventdata.clicktroughImageTarget
The destination where you are taken when you click on the image which contains a link

eventdata.clicktroughImageAsset
The path to the image asset in the repository

eventdata.events.clicktroughImageClick
The click event
  1. Map these exposed attributes with any Adobe Analytics variables from the content finder. The framework is now ready to use.

  2. You can now create a new landing page or open an existing landing page with existing CTA components and click Cloud Services tab in Page Properties from the sidekick (in the touch-optimized UI, select Open Properties and click Cloud Services) and configure the framework to use with landing page. Select the framework from the drop-down list.

    chlimage_1-25

  3. After configuring the framework with the landing page, you can now use the instrumented components and any clicks on CTA are recorded in Adobe Analytics.

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