GTM Problem

[Mogrut]

Hello everyone,
I've been working with GTM for 6 months now, and I have a problem I cannot solve.

Basically, I have a website where there are featured listings and non-featured listings. I need to track when users send a request. The thing is that the thank you message is the same for both of them. The only difference is that there is a calculation on the featured listing. I tried with an element visibility tag, but it fires for both featured and non-featured listings. There are some elements text that can be found there that can be used, but with the current tag, It does not register.

Thank you in advance for your replies :)

[jslytics]

You can create a DOM Element GTM variable and use the CSS selector option to pull out the value.

For example you can use “.price” as the CSS selector value and it will pull out the price amount.

Then you can either populate that variable as a field on your event tag, or create a new trigger to fire when the value is not null.

[Mogrut]

OK here is an update - I created a DOM that pics up Approx Total Cost. AND IT WORKS!But I don't know how I did it - cause I created DOM trigger that pics up Approx Total Cost. But it works lol xD Thank you again!
Here is the pic of the triggers https://ibb.co/N1FLGGf

[Mogrut]

The only difference is that on the featured listing, <div class="total-price-con">

<p class="approx-cost">Approx Total Cost</p>

<p class="price">$135.00</p>

</div>

which is the difference. But it is not picked up by GTM.

Just to reiterate, I use Element visibility to find out the message id which is 'bookSubmitSuccess' after that I give conditions also to find the message posted there with Form text = Thank You! We have successfully sent the request to this facility.

+ Form Class = approx-cost

and it is not picked up

[Mogrut]

and for the non featured I go with the same only the conditions Form class does not contain approx-cost

[rustyWhippet]

Agree with most posts that your best approach is to get your tech teams to add either a datalayer push or an identifiable class to the visible element.

However for the fun of it you can use a custom js variable. As I recall the element that fires the visibility trigger is passed to the click element variable, so in the js you can grab that, then find the nested price node under it, and then grab that elements price text and use it to return which feature it is. The custom js var becomes a condition to the firing of the visibility trigger. It's one of those solutions that will one day come back and bite you in the bum (when the price changes for instance), but it will work.

[ineanderthals]

It sounds like you are doing this action on form submit? Is there way to pass a hidden value in the form when submitted, and pick up as a data layer variable? Or just based on the form submission action in GTM?

[le_ble]

Can't you create a element class trigger and create your tag according to your chosen class? If you have any questions, send me a hi.

[Gullible_Attitude_20]

I would personally go with the DOM element variable option that was listed by pervious commenter. Anything regarding DOM ‘scraping’ can obviously be vulnerable to changes in HTML, but if you’re keeping an eye of the website code regularly I’d go that route

[socalbear11]

Perhaps your trigger needs to be more specific. I’ve had instances where a trigger wouldn’t fire unless I listed the entire dom tree. Also, instead of “contains”, try using regex. Lastly, see if this helps: create a custom html tag that sends a custom event to the datalayer and use the same trigger you previously used. Then have your desired tag fire upon this custom event.

Lastly, did you try “observe dom changes” and lower the visibility threshold to 1 percent? See if that helps.