Introduction

Elementor allows users to enable tracking for any element by editing it and navigating to the Advanced settings. Users can add one or more tracking fields, including triggers for user actions like clicks or form submissions. Each track consists of various fields such as tracking_event, tracking_source, and tracking_engagement, which help identify the nature of the interaction. Users can also set specific parameters like target selectors for click tracking and form submission modes.

Manual tracking rules can be configured for complex scenarios or third-party widgets. Best practices include using a consistent naming convention and limiting the number of global rules to maintain performance. The plugin is designed to be lightweight, utilizing event delegation and IntersectionObserver for efficient tracking. Debugging can be enabled temporarily to test tracking functionality, ensuring that data is accurately captured in the dataLayer.

Steps

1. Edit any Elementor element.

2. Go to: Advanced > Usheru Tracking

3. Enable tracking to add one or more tracks.

Track fields

Each track has these fields:

• Trigger

  • Target selector (only for click trigger)

  • Form submit mode (only for Form submit trigger)

• tracking_event

• tracking_source

• tracking_engagement

• content_type

• content_name

• Track once

• Extra parameters

Trigger

Choose what user action should trigger the event.

Available triggers:

Click

View

Form start

Form submit

Target selector

Optional. Only available for Click tracking.

Add a CSS selector to track clicks on matching child elements inside the current Elementor element.

Leave it empty to track clicks on the current element itself.

Examples:

.css-class

[attribute-name]

#id-selector

Form submit mode

Choose between "Success only" or "Allow valid prevented submit". By default, form_submit tracks only successful or non-prevented submits.

For AJAX/search/filter forms that prevent the native submit but are still valid, use: Allow valid prevented submit

tracking_event

The main name of the tracked action.

Examples:

cta_click

element_view

form_start

form_submit

tracking_source

Where the interaction happened.

Examples:

premium_home

event_detail_page

[page_url]

[page_title]

tracking_engagement

The user intent or funnel stage.

Examples:

Interest

Intent

Action

Conversion

content_type

The type of content being tracked.

Examples:

CTA

Form

Button

Premium Hospitality

Event

Video

Home Page - Upcoming Events

content_name

The specific item being tracked.

Examples:

request_info_button

popup_form

[event_title]

[element_text]

[form_id]

Extra parameters

Add extra content to the datalayer.

Examples:

event_type = [event_type]

event_genre = [event_genre]

event_subgenre = [event_subgenre]

event_organizer = [event_organizer]

url = [element_href]

search_term = [value:#tribe-events-events-bar-keyword]

Track once

Controls whether the same event can be sent multiple times.

Common Elementor examples

Track a CTA click

Use this for a button.

Trigger: Click

tracking_event: cta_click

tracking_source: premium_home

tracking_engagement: Interest

content_type: Premium Hospitality

content_name: premium_request_info_button

Track once: No

Result:

{

  event: 'usheru',

  tracking_event: 'cta_click',

  tracking_source: 'premium_home',

  tracking_engagement: 'Interest',

  content_type: 'Premium Hospitality',

  content_name: 'premium_request_info_button'

}

Track when a form becomes visible

Apply this to the form wrapper or the section containing the form.

Trigger: View

tracking_event: form_view

tracking_source: premium_home

tracking_engagement: Interest

content_type: Premium Hospitality

content_name: premium_interest_form

Track once: Yes

Track when a user starts filling a form

Apply this to the form widget or the form wrapper.

Trigger: Form start

tracking_event: form_start

tracking_source: premium_home

tracking_engagement: Intent

content_type: Premium Hospitality

content_name: premium_interest_form

Track once: Yes

This fires the first time the user interacts with the form.

Track form submit

Apply this to the form widget or the form wrapper.

Trigger: Form submit

tracking_event: form_submit

tracking_source: premium_home

tracking_engagement: Action

content_type: Premium Hospitality

content_name: premium_interest_form

Track once: Yes

This supports:

Native form submit

WPForms AJAX submit success

Summary

Elementor enables users to track interactions on any element through its Advanced settings. Users can add tracking fields for actions like clicks or form submissions, utilizing parameters such as tracking_event, tracking_source, and tracking_engagement to define interactions.

Manual tracking rules can be set for complex scenarios, and best practices suggest maintaining a consistent naming convention and limiting global rules for performance. The plugin is lightweight, employing event delegation and IntersectionObserver for efficient tracking. Users can enable debugging to ensure accurate data capture. Key tracking fields include triggers for user actions, target selectors for click tracking, and various engagement metrics. Examples of tracking include monitoring CTA clicks, form visibility, and form submissions, with options to track once or multiple times. This functionality allows for detailed insights into user behavior, enhancing the effectiveness of web elements and forms.