Reading html attributes with custom javascript variable

mikkop · February 4, 2021, 12:33pm

Hi,

I try to use custom javascript for reading html attributes of the clicked element:

function () { 
var elementRole = {{ClickElement}}.getAttribute("role");
return elementRole;}

This causes a

Uncaught SyntaxError: Unexpected token '{'

How do I fix this?

Lukas · February 4, 2021, 12:45pm

Hi,

See

and

github.com/matomo-org/tag-manager

Support variables in Custom JavaScript variable

opened 09:32PM - 06 Jan 20 UTC

closed 05:05AM - 20 Dec 23 UTC

Laul0

Enhancement

# Summary Using an existing variable into a Custom JavaScript variable can av…oid a lot of dev and can be really useful. Example: you wish return a custom attribute from current clicked element. Use `{{ClickElement}}` is essential. ## Current behavior Into a custom javascript variable, add the `{{ClickElement}}` variable like : ```javascript function () { if ({{ClickElement}}) { return {{ClickElement}}.getAttribute('my-attribute'); } else { return ""; } }; ``` This code return the following error: <img width="985" alt="Screen Shot 2020-01-06 at 16 09 16" src="https://user-images.githubusercontent.com/15279205/71849149-5576be00-309f-11ea-8eb1-23a0284a7d3f.png"> <img width="357" alt="Screen Shot 2020-01-06 at 16 09 33" src="https://user-images.githubusercontent.com/15279205/71849153-57408180-309f-11ea-8225-7d0eced7917d.png"> Moreother, when this kind of error occured, the Preview mode break totally 😕 Maybe a similar issue here: https://forum.matomo.org/t/how-to-refer-user-defined-variables-in-custom-javascript/34932 ## Expected behavior Add a variable into a custom javascript variable

for workarounds for this.

mikkop · February 4, 2021, 1:45pm

Thanks, this confirms what I suspected.

I thought using html attributes would simplify tracking but it seems just to complicate things