Analytics Log - Adil Khan

View Original

How To Find Google Tag Manager's Element Visibility Trigger in Adobe Launch?

The equivalent of Element Visibility trigger from Google Tag Manager in Adobe Launch would be a rule where the Event Type would be > Enters Viewport

On selecting this, the easiest condition to attach to is the CSS selector.

Say, you wanted the rule (trigger) to fire when the social sharing buttons at the end of a page become visible (element visibility in GTM / Enters Viewport in Launch).

Right click one of the social icons (I’ve chosen Twitter here), click on Inspect > Right click on the code > Copy > Copy selector

Here’s the CSS: #yui_3_17_2_1_1561679147064_67 > footer > div.blog-item-actions.blog-item-actions--footer > div > div > div > a:nth-child(2) > span

With the Adobe Launch ‘Enters Viewport’ rule, you have a few options:

Enters Viewport the first time or every time it enters viewport

Another option would be to combine the element visibility of the CSS selector AND a time delay of x milliseconds. In this case, it would signify that a particular asset was on the user screen for a certain period of time. This can be used to infer if people are reaching a particular section of the website and are looking at it for a certain amount of time.

You also have the option of firing this rule every time a specific objects enters the viewport or just once.

In the rule action, you could then create an eVar as a counter type (with a Visit expiry) to determine the number of times a particular asset was viewed.

That’s it. How are you using the Enters Viewport rule?

Here’s Simo Ahava’s full article explaining element visibility concept: https://www.simoahava.com/analytics/element-visibility-trigger-google-tag-manager/

See this form in the original post