Element Visible Tracking

Introduction

The Element Visible Tracking widget enables you to track if one element (an image, a button, a paragraph, a div, a section, a collapsible div...) has been "visible" in the viewport of the visitor.

There are several possibilities:

• the element is visible above the "fold line" at pageload
• the element is only visible once the visitor have scroll to a certain point and suddenly appears in the viewport (triggered when the element starts to be visible and is not fully visible, for example a large <div> or an image)
• the element is hidden and is only displayed after a click (or any other user behavior)

In any of these cases, we collect a hit. Once an element has been made visible in the viewport, rehiding it and re-displaying it will not count it twice. However, if the visitor reloads the page and the element is visible again, a new hit is sent.

If you have a responsive website, it is probably more convenient to use the Element Visible Tracking widget instead of the Scroll Rate Tracking widget which will consider a scroll rate the same way if visitors are on desktop or on mobile.

Depending on how your website has been conceived, or the device you use, you may see an element or not but it is not related to the scroll progression.

You can nevertheless use the Scroll Rate Tracking widget in two different campaigns, each one targeted on a per-visitor device basis. to compare what is more comparable.

---

Configuration

 

To configure the widget:

1. Select the element you would like to track
2. Give it a name (for the Goals setup step and the Reporting)
3. Save

If you want to add more than one goal, add them into the same tracking widget (by clicking on the "+" button) instead of adding another tracking widget. If you added one by mistake or if you want to remove one inside of a tracking widget, just click on the red cross to delete it.

If you want to: edit, duplicate, rename, delete such a widget, please check the Widget Frequently Asked Questions article.

In order for your goal(s) to be displayed in your campaign reports, you need to add them as main or secondary goals. For more on the goal configuration step, refer to the New reporting - Configuring goals article.

To avoid creating conflicts within your campaign's reporting data, we recommend adding a single widget in which all your scroll goals will be defined.

To enable a fair comparison, event tracking widgets are applied to the original version and to the campaign variation(s).