Integrate Tags in Adobe Experience Platform
Learn how to integrate AEM as a Cloud Service (AEMCS) with Tags in Adobe Experience Platform. The Tags (aka Launch) integration enables you to deploy the Adobe Web SDK and inject custom JavaScript for data collection and personalization into your AEM pages.
The integration allows your marketing or development team to manage and deploy JavaScript for personalization and data collection—without needing to redeploy AEM code.
High-Level Steps
The integration process involves four main steps that establish the connection between AEM and Tags:
- Create, configure, and publish a Tags property in Adobe Experience Platform
- Verify an Adobe IMS configuration for Tags in AEM
- Create a Tags configuration in AEM
- Apply the Tags configuration to your AEM pages
Create, Configure, and Publish a Tags Property in Adobe Experience Platform
Start by creating a Tags property in Adobe Experience Platform. This property helps you manage the deployment of the Adobe Web SDK and any custom JavaScript required for personalization and data collection.
-
Go to the Adobe Experience Platform, sign in with your Adobe ID, and navigate to Tags from the left-hand menu.
-
Click New Property to create a new Tags property.
-
In the Create Property dialog, enter the following:
- Property Name: A name for your Tags property
- Property Type: Select Web
- Domain: The domain where you deploy the property (for example,
.adobeaemcloud.com)
Click Save.
-
Open the new property. The Core extension should already be included. Later, you are going to add the Web SDK extension when setting up the Experimentation use case, as it requires additional configuration such as the Datastream ID.
-
Publish the Tags property by going to Publishing Flow and clicking Add Library to create a deployment library.
-
In the Create Library dialog, provide:
- Name: A name for your library
- Environment: Select Development
- Resource Changes: Choose Add All Changed Resources
Click Save & Build to Development.
-
To publish the library to production, click Approve & Publish to Production. Once the publishing is complete, the property is ready for use in AEM.
Verify an Adobe IMS Configuration for Tags in AEM
When an AEMCS environment is provisioned, it automatically includes an Adobe IMS configuration for Tags, along with a corresponding Adobe Developer Console project. This configuration ensures secure API communication between AEM and Tags.
-
In AEM, navigate to Tools > Security > Adobe IMS Configurations.
-
Locate the Adobe Launch configuration. If available, select it and click Check Health to verify the connection. You should see a success response.
Create a Tags Configuration in AEM
Create a Tags configuration in AEM to specify the property and settings needed for your site pages.
-
In AEM, go to Tools > Cloud Services > Adobe Launch Configurations.
-
Select the root folder of your site (for example, WKND Site) and click Create.
-
In the dialog, enter the following:
- Title: For example, “Adobe Tags”
- IMS Configuration: Select the verified Adobe Launch IMS configuration
- Company: Select the company linked to your Tags property
- Property: Choose the Tags property created earlier
Click Next.
-
For demonstration purposes, keep the default values for Staging and Production environments. Click Create.
-
Select the newly created configuration and click Publish to make it available to your site pages.
Apply the Tags Configuration to Your AEM Site
Apply the Tags configuration to inject the Web SDK and personalization logic into your site pages.
-
In AEM, go to Sites, select your root site folder (for example, WKND Site), and click Properties.
-
In the Site Properties dialog, open the Advanced tab. Under Configurations, ensure
/conf/wkndis selected for Cloud Configuration.
Verify the Integration
To confirm that the Tags configuration is working correctly, you can:
- Check the view source of an AEM publish page or inspect it using browser developer tools
- Use the Adobe Experience Platform Debugger to validate Web SDK and JavaScript injection
