Enable Adobe Analytics for an Adaptive Form using Experience Cloud Setup Automation integrate-adobe-analytics-to-aem-forms-with-experience-cloud-setup-automation

Create a configuration container for cloud services:

1. Go to Tools > General > Configuration Browser.
2. Select or create a Configuration Container, and enable the folder for Cloud Configurations.
3. Select Save & Close to save the configuration and exit the dialog.

On your AEM instance, Go to [Forms] >> [Forms and Document].

Select your Form >> Properties, In the Configuration Container, select the configuration container that you created or selected in the Configuration Browser in Step 1.

Select the Task Panel on the Left Rail and click Setup Analytics and Activate Adobe Analytics.

Provide the name that you prefer for the report suite, Click Next and Save.

Once you save the project, the setup runs for some time till the integration of Adobe Analytics with your Adaptive Form, You can also check the integration status.

On your AEM instance, Go to Forms >> [Forms and Document] and select your Form, you see that Adobe Analytics is integrated to your form as shown in the image below.

Now you can view your Adaptive Form Adobe Analytics report.

On your AEM instance, Go to Forms >> Forms and Document and select your Form.

Select the Task Panel on the Left and click Setup Analytics and Activate Adobe Analytics.

Provide the name that you prefer for the report suite, Click Next and Save.

Once you save the project, the setup runs for some time till the integration of Adobe Analytics with your Adaptive Form, You can also check the integration status.

On your AEM instance, Go to Forms >> Forms and Document and select your Form, you see that Adobe Analytics is integrated to your form.

Now you can view your Adaptive Form Adobe Analytics report.

On your AEM instance, Go to Forms >> Forms and Document.

Select your form, you see that Adobe Analytics is integrated as shown on the left, to the Forms activated for Adobe Analytics.

{width="100%"}

Click Adobe Analytics to view your report and analyze performance data.

Open your AEM Forms Archetype or Cloned Git Repository project in a text editor. For example, Visual Studio Code.

Navigate to the page of your Sites where your adaptive form exists, for example, In this demo project we have ui.apps/src/main/content/jcr_root/apps/corecomponents/components/page/.content.xml.

Copy the value of sling:resourceSuperType. For instance, the value is core/wcm/components/page/v3/page.

{width="100%"}

Create the similar structure at the location ui.apps/src/main/content/jcr_root/apps same as core/wcm/components/page/v3/page.

{width="100%"}

Add a customfooterlibs.html file.

// customheaderlibs.html
<sly data-sly-use.page="com.adobe.cq.wcm.core.components.models.Page">
<sly data-sly-test="${page.data && page.dataLayerClientlibIncluded}" data-sly-call="${clientlib.js @ categories='core.forms.components.commons.v1.datalayer', async=true}"></sly>
</sly>

The customfooterlibs.html is used for JavaScript.

Run the pipeline to deploy the changes.

Visit the Adobe Experience Platform Data Collection.

Click Tags located on the left-hand side.

Search your project with the program id as shown in the image below, for instance, for the environment with URL https://author-p45921-e175111-cmstg.adobeaemcloud.com/index.html, program id is 45921.

{width="100%"}

Add configuration for Form Rules and Data Elements as given below:

Select your form and add New property located on the upper right, or click your form.

On the properties page, click Rules and select events for your form, In the example image below, it is Form Events.

{width="100%"}

Select all the events of your form and copy that is located on the upper right rail.

Once you copy, a Copy Rule pop-up appears where you search your Sites page with the project-id, to paste the Form Rules.

{width="100%"}

Click copy to paste the form rules to the Sites page.

Select your form and add New property located on the upper right, or click your form.

On the properties page, click Data Elements and select events for your form.

Select all the events of your form and copy located on the upper right rail.

Once you copy, a Copy Rule pop-up appears where you search your Sites page with the project-id, to paste the Form Rules.

Click copy to paste the form rules to the Sites page.

{width="100%"}