Sorry, I haven't seen a whole JSON object stored in a data attribute before. You can use gtm.element.dataset.gtmAutopromo in a datalayer variable to grab the whole object, but I'm not sure how you'd break out the specific attributes. I think you'd need to use the JSON.parse() method in a custom JS var to parse it.

data-gtm-autopromo="{"emplacement":"menu2","brand":"coca","campaign":"trade"}" class=nav

Thank you 🙂

Thks

You should be able to use a custom JS variable to get the value of an attribute, like this:
function() {
var e = {{Click Element}};
var closestDocType = e.closest('[docType]');
return closestDocType.getAttribute("docType");
}

Check if that works. I've written a few posts about this technique, you can find them categorized under "DOM Scraping": https://mixedanalytics.com/blog/category/dom-scraping/

Looks like it stripped my code out.

Any ways the a tag has the follow attributes I would like to capture when the link is clicked:
doctype="Terms of Service" mfg="Company Name" class="download-link"

Hey Manu, this is most likely because your data attribute is not on the exact element that gets clicked.
If so, it may help to do a link-click trigger instead of all clicks. If that doesn't work either, you will probably need to use the "Advanced Case" script to crawl up the DOM and return the data attribute with the closest function.

Hey Martin, yep, they work the same as any other DOM element. So, if your data attribute is nested within a "product_title" class, with JS you could select it like this:
document.querySelector('.product_title [data-tile-position]');

Similarly, with GTM you could set your trigger like:
Click Element matches CSS Selector .product_title [data-tile-position]

Please let me know if that answers your question.

Thank you