Expand my Community achievements bar.

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

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.

Topics

Topics help categorize Community content and increase your ability to discover relevant content.

4 Replies

Avatar

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!

Avatar

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?

Avatar

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.