How to retrieve value in different JS file from custom javascript variable in gtm

Question

I’m trying to retrieve value in external javascript file from gtm.

The document structure is as below:

In the index.js, I can find a json and want to get "signup/01" value in the json.

However I cannot see "signup/01" in (index).

Now, I tried to create a tag and custom javascript variable called pageStepId in gtm.

But I cannot get the value properly in the preview.

And I have a custom javascript valuable in gtm and trying to get the value.

 var args = document.getElementsByTagName("script"), result = 0; for (var i = 0; i < args.length; i++) { var arg = args[i].innerText.match(/signup\/\d*/g); if (arg != null) { //result = arg[0].replace(/[^\d]/g, ""); result = arg[0]; break; } } return result; }

I'm not sure if my approach is wrong or just a tiny mistake. Please help me.

Eike Pierstorff · Accepted Answer · 2020-10-10 09:51:45Z

You seem to assume that the innerText will be the content of the linked file. Instead the innerText is empty (a script tag that links to an external file does not usually have an innerText).

What probably would work is to loop over the script tags, get the links to the file, load them via Ajax and inspect the response text to see if it contains the desired bits. But that turns an already ugly hack into a performance nightmare.

If you are very lucky, the variable you need is a global variable, in which case you could simple get the content by setting up a Javascript variable in GTM and adress individual properties of that object via dot notation. But then you probably already tried (and in any case, global variables do not usually have generic names such as "n").

Collectives™ on Stack Overflow

How to retrieve value in different JS file from custom javascript variable in gtm

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related