Create conditions for event-based rules
Conditions determine when an event-based rule is triggered.
- Select the type of interaction you want to track, such as mouse clicks, or submitting a form.For more information, see Event Types in the Adobe Tag Management Product Documentation.
- Enable the following options as necessary:ElementDescriptionDelay Link ActivationEnable if the event activates a link and you want the link to delay until the event has time to fire.Apply event handler directly to elementApplies the event handler to the specific element that is targeted. This setting is tied to the bubbling and layering concept in a browser.For example, when you click an image inside an anchor tag like <a href="abc.html"><img src="xyz.png"/></a> , you might expect the click to be associated with the anchor tag, because the tag is in the bubble stream. However, when you inspect the click in the developer tools, the click may actually affect only the <img> tag. To ensure that the event is handled correctly, associate the click with the <img> tag and do not depend on the browser to bubble up the click to a parent element. An event like a click can potentially bubble up to <body> . It is important to understand where the event is actually bound, and target it specifically to make sure that the rule fires correctly.Bubbling means that the event is first captured and handled by the inner most element and then propagated to outer elements.
- Indicate the name of the tag you want to track, and additional properties the tag has that you want to match.See Using the CSS Selector in the Dynamic Tag Management Product Documentation for information about finding the correct element tag.
- Select and set up any additional criteria or condition types you wish to bind to the rule.
- Indicate your preference regarding event bubbling.Event bubbling is one way of event propagation in HTML DOM.If you...Check this optionWant related interactions on child elements of the rule selector you identified to fire the rule.Allow events on child elements to bubble.Want to prevent bubbling when the child element already triggers its own event.Do not allow if child element already triggers event.Don't want the events of the rule selector you identified to go beyond the element itself in the event hierarchy.Do not allow events to bubble upwards to parents.