Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

How to include dynamic custom script to websites through Adobe Launch - Adobe Experience Manager(AEM)

How to include dynamic custom script to websites through Adobe Launch - Adobe Experience Manager(AEM)

Launch, by Adobe is a next-generation tag management system that unifies the client-side marketing ecosystem by empowering developers to build integrations on a robust, extensible platform that partners, clients, and the broader industry can build on and contribute to.

Adobe Launch is the upgraded version of Adobe’s Dynamic Tag Manager (DTM), Adobe’s Dynamic Tag Manager (DTM) will be replaced by Adobe Launch(It doesn’t mean the platform will be shut down anytime soon).

This post explains the approach to use Adobe Launch to include the dynamic scripts as part of Adobe Experience Manager(AEM) websites.

Login to Adobe Launch and create new property- LAUNCH_CUSTOM_SCRIPT, specify the domain as localhost.local for localhost testing and Save the Property.

Adobe_Launch_aem_integration

Define New Rule:


Adobe_Launch_aem_integration

Configure the Event

Adobe_Launch_aem_integration

Configure the Action

Adobe_Launch_aem_integration

Define the script in Editor

Adobe_Launch_aem_integration

var s = document.createElement("script");
  //s.src="test.js";// specify the script file instead of script content
document.head.appendChild(s);

Adding multi line script - example

s.innerHTML = "document.onreadystatechange = function(){ "+
    "if(document.readyState=='loaded' || document.readyState=='complete') "+
        "alert('test');"+
"}";


Adobe_Launch_aem_integration

Adobe_Launch_aem_integration

Adobe_Launch_aem_integration


Publish the change to Development environment:


Add New Library to apply the changes to Development Environment

Adobe_Launch_aem_integration

Select the Environment value as Development 

Adobe_Launch_aem_integration

Add Specific Resource or All changed Resources to Library for Deployment to Development environment(to deploy the latest change to Development environment, remove the current version from Library and add the latest version)

Adobe_Launch_aem_integration

Select the Resource(CUSTOM_SCRIPT rule) Version(Latest) and Create New Revision and finally Save the Library. 

Adobe_Launch_aem_integration



Click on Apply Updates and Continue (this is required only for the first time)

Adobe_Launch_aem_integration

Build the library for Development

Adobe_Launch_aem_integration

Now the changes are deployed to Development Environment

Adobe_Launch_aem_integration

To apply the new changes(latest pending changes) to Development environment
Remove the current version from the Library(My case Revision 2)

Adobe_Launch_aem_integration

Add the latest resource version and Click on Select&Create New Revision

Adobe_Launch_aem_integration

Adobe_Launch_aem_integration

Click on Save & Build for Development

Adobe_Launch_aem_integration


Now the latest rule change is deployed to Development Environment

For testing the Property in Development environment, install the Development script to the AEM(Adobe Experience Manager) website header.

Adobe_Launch_aem_integration

(Multiple Development Environment can be added for testing)

Copy the script to clipboard

Adobe_Launch_aem_integration

Add the script to header page

Adobe_Launch_aem_integration

Now the script is inserted into the website pages

Adobe_Launch_aem_integration
Adobe_Launch_aem_integration

Publish the changes to Stage and Prod environments:


Click on Submit for Approval on Library

Adobe_Launch_aem_integration

Click on Submit

Adobe_Launch_aem_integration

Click on Build for Stage

Adobe_Launch_aem_integration

Now the changes are deployed to Stage

Click on Approve for Publishing to publish the changes to Production Environment

Adobe_Launch_aem_integration

Click on Approve
Adobe_Launch_aem_integration

Build & Publish to Production

Adobe_Launch_aem_integration

Click on Publish

Adobe_Launch_aem_integration

Now the changes are published to Production environment.

Adobe_Launch_aem_integration31

Configure the Stage and Production environment scripts to corresponding AEM environments

Adobe_Launch_aem_integration

Add New Library and follow the process explained above to send the additional changes to Development to Production Environments


This post first appeared on Albin's, please read the originial post: here

Share the post

How to include dynamic custom script to websites through Adobe Launch - Adobe Experience Manager(AEM)

×

Subscribe to Albin's

Get updates delivered right to your inbox!

Thank you for your subscription

×