get events from the shadow tracked in analytics

[npeltier]

Hey! I have behavior from depth of a component’s shadow dom I would love to get tracked in analytics. Problem is clicks will just not bubble above the component level. First trial with decorating sub items (it's a menu) with daa-ll ended up in complete silence because of this.

I guess proper way would be to somehow dispatch an event from the component and register it in analytics but I’m not sure how to achieve the later

[auniverseaway]

I had your same problem with DA + RUM. With RUM, we can proxy their event functions down into the WC Shadow DOM. I'm not sure this is ideal for Milo / Commerce WCs, though.

The perfect ideal would be to somehow reuse the data attribute patterns the martech team came up with (AKA DOM Tagging). Even if there's a re-implementation of those to bubble those up correctly. Their code is likely only looking at a typical dom and not shadow doms. Shadow doms are really brick walls for this type of stuff. You have to know what WCs you're looking for... and you cannot do wildcard element querySelectorAlls to find all WCs.

So I look at this almost like fragment loading where we treat each WC as their own little island to instantiate.

Here's what I would try:

Ideal

1. Find out if there is an over-arching martech function you can pass a parent element to that will look for any data attributes in the children. Again, think of our loadArea function that can work against any parent element.

Next ideal

1. See if the martech team is willing to build the above function.

Next ideal (but not great)

1. Find out from martech (or reverse engineer) what the low-level calls are that map to the existing data attributes.
2. Create a small utility that can be imported into a WC that matches the data attribute standard (daa-ll, etc.) to a JS event (_satelite or whatever)
3. Write the data attributes in the same format we always have.

[npeltier]

thanks Chris! i'll go on that conversation once i got in touch with mentionned martech people :)

[npeltier]

(follow up there https://jira.corp.adobe.com/browse/ENB-7091)

[vgoodric]

@npeltier Can you provide a sample page URL and specify exactly which links that are at issue. I'm unclear if the daa-ll values are not being added, or they ARE being added but there no analytics are being sent.

[npeltier]

https://main--cc--adobecom.hlx.live/products/catalog click sort button on top right, and check links there.
note a fix is coming with quick & dirty version (WC sending custom events, catalog block capturing & using analytics API directly) while ENB-7091 above is fixed

[npeltier]

ll are not added, and even when they are, events don't bubble above the WC level.