DTM - Fire Single Call when Element becomes Visible | Community
Skip to main content
C
craig_scribner1
Level 2
October 16, 2015
Solved

DTM - Fire Single Call when Element becomes Visible

  • October 16, 2015
  • 1 reply
  • 1721 views

I'm working with a site that's built a lot like an app--almost everything is on one html page. So I have to craft a page-to-page journey based either on what they click, or what shows up on the page. 

So is there a way to fire off a call when a certain element becomes visible? There are tons of elements that are hidden, and if I build an event-driven rule that waits for them to enter the viewport, they fire off even when they're hidden, which is no good to me.

thanks!

Craig

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by shawncreed1

Craig,

It's possible to do this using the CSS selector syntax in an event-based rule.  Set the event type to "element exists", and then use a selector like this:

div.hiddendiv[style*='display:block']

What this example does is looks for a div with a class of 'hiddendiv', and makes sure that the style includes "display:block".  You may have to tweak this approach depending on how your site developers are hiding/showing the elements, but something similar to this should accomplish what you need.

Hope this helps!

Best,
Shawn

1 reply

shawncreed1
shawncreed1Accepted solution
Level 3
October 16, 2015

Craig,

It's possible to do this using the CSS selector syntax in an event-based rule.  Set the event type to "element exists", and then use a selector like this:

div.hiddendiv[style*='display:block']

What this example does is looks for a div with a class of 'hiddendiv', and makes sure that the style includes "display:block".  You may have to tweak this approach depending on how your site developers are hiding/showing the elements, but something similar to this should accomplish what you need.

Hope this helps!

Best,
Shawn

Terms & ConditionsAccessibility statement

Loading footer...