Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
BedrockMission!

Learn more

View all

Sign in to view all badges

How to create a data element for page name and other attributes and How to map it by using the Adobe Client Data Layer?

aravfshadow144
Level 1
Level 1

Hi Guys,

 

I've used Json data layer and have to switch to Adobe Client Data Layer but got stuck.

 

How to create a data element for page name and other attributes?

How to map the created data element by using the Adobe Client Data Layer?

 

Since, I'm a beginner in Adobe Client Data layer, I don't know how/where to start this ACDL Data layer.

 

I've tried searching on google but couldn't got a solution.

 

Any suggestions appreciate.

Adobe Launch data element data layer
4 Replies
yuhuisg
Community Advisor
Community Advisor

Let's say you have the following code in your web page:

 
var adobeDataLayer = adobeDataLayer || [];
adobeDataLayer.push({
  pageInfo: {
    pageName: 'About us'
  },
});

Then, you can create a data element like so:

Adobe Client Data Layer > Data Layer Computed State

Path: pageInfo.pageName

When the above code runs in your web page, your Launch data element will return "About us".

You can then use that data element in your Launch components. E.g. in the Adobe Analytics extension's configuration, you could set the Page Name field to use your data element.

Hope that helps you get started!

aravfshadow144
Level 1
Level 1

Thanks for the suggestion yuhuisg.

 

But I'm a beginner on the Adobe Client Data Layer. So I don't know where to start this ACDL.

 

On the website the ACDL code has implemented and I suppose to create the data element and to map it. Is there something like any tutorials or step by step guide for ACDL beginners?

aravfshadow144
Level 1
Level 1

 

Here's my website ACDL code for your reference:

 

I need to create data element for the Teaser, Components, Carousel  and also for "CTA Click" and "CTA Show"

 

 

Code:1

 

page:
page-4b6abb4001:
@TyPe: "xendlur-us/components/page"
dc:title: "Collection Immersive"
repo:modifyDate: "2021-04-22T09:00:13Z"
repo:path: "/content/xendlur/us/en/collection-detail/collection-immersive.html"
xdm:language: "en-US"
xdm:tags: []
xdm:template: "/conf/xendlur-us/settings/wcm/templates/collection-immersive-landing-page"

 

 

 

Code:2

 

teaser-e2a5cbd6d7:
@TyPe: "xendlur-us/components/teaser"
dc:description: "<p>Designed with the clean lines of the Purist collection, this Purist multifunction showerhead provides three distinct sprays—full coverage, pulsating massage, or silk spray.</p>\r\n"
dc:title: "<h3>xendlur®</h3>\r\n"
parentId: ""
repo:modifyDate: "2021-04-21T08:05:08Z"
xdm:linkURL: "#"

 

 

 

Code:3

 

carousel-c01b6a132f-item-429694f103:
@TyPe: "xendlur-us/components/carousel/item"
dc:title: "Simplice®"
parentId: ""
repo:modifyDate: "2021-04-21T08:04:40Z"

 

 

Code:4

 

imagecluster-5dffca88d6:
@TyPe: "xendlur-us/components/imagecluster"
CtaLabel: "Shop Archer® Collection"
CtaLink: "#"
dc:description: "<h3>Advanced Cleansing Functionality</h3>\r\n<p>Designed with the clean lines of the Purist collection, this Purist multifunction showerhead provides three distinct sprays—full coverage, pulsating massage, or silk spray.</p>\r\n"
nameHeader: "Simplice®"
parentId: "page-4b6abb4001"
repo:modifyDate: "2021-01-08T09:35:48.323Z"

 

 

Code:5

 

tabs-9be70b9993-item-ef1a7c80f4:
@TyPe: "xendlur-us/components/tabs/item"
dc:title: "About Us"
parentId: ""

 

 

Kindly provide your suggestion.