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

Avatar

Avatar
Level 1
aravfshadow144
Level 1

Likes

0 likes

Total Posts

5 posts

Correct reply

0 solutions
View profile

Avatar
Level 1
aravfshadow144
Level 1

Likes

0 likes

Total Posts

5 posts

Correct reply

0 solutions
View profile
aravfshadow144
Level 1

08-06-2021

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.

View Entire Topic

Avatar

Avatar
Publish 1
MVP
yuhuisg
MVP

Likes

203 likes

Total Posts

608 posts

Correct reply

125 solutions
Top badges earned
Publish 1
Affirm 100
Springboard
Bedrock
Validate 1
View profile

Avatar
Publish 1
MVP
yuhuisg
MVP

Likes

203 likes

Total Posts

608 posts

Correct reply

125 solutions
Top badges earned
Publish 1
Affirm 100
Springboard
Bedrock
Validate 1
View profile
yuhuisg
MVP

09-06-2021

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

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?

yuhuisg
aravfshadow144

 

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.