Online Event Tracking

Overview

Online event tracking lets you record visitor interactions that happen directly on your page — clicks, scroll milestones, partner link clicks, and any other custom engagement signal. Events are automatically linked to the visitor's session, so they appear alongside other analytics for that visit.

Common uses:

• Button and CTA clicks
• Outbound and affiliate link clicks
• Scroll depth milestones
• Micro-conversions before form submission
• Custom widget interactions

Default conversion events

Every SuperFunnel page emits two built-in conversion events. You can use either as a trigger in Google Tag Manager, a pixel, or your own scripts:

A form submission means the visitor reached a Final Step. Every form and quiz should have a Final Step; without one, superfunnel-form-submission never fires and your completers go uncounted. Visitors who leave before the Final Step are recorded as partial leads instead.

If a high-converting quiz shows 0 Form Submissions, it usually means your real conversion happens before the final step, for example an email capture mid-quiz, so visitors never trigger superfunnel-form-submission.

To count the moment that matters to you, fire your own event with window.sf.reportEvent() at that point. The example below reports a submit-email event the first time the visitor's email field has a value, regardless of which step they're on:

<script>
  (function() {
    var reported = false;

    function onStepChange() {
      if (reported) return;
      // getValue('email') reads the value of the SuperFunnel email field.
      if (getValue('email')) {
        window.sf.reportEvent('submit-email');
        reported = true; // fire once per session
      }
    }

    window.addEventListener('sf:step-change', onStepChange);

    return function() {
      window.removeEventListener('sf:step-change', onStepChange);
    };
  })();
</script>

Because it checks only for a value in the email field — never a specific step — it keeps working if steps are renamed, reordered, or restructured.

How It Works: SuperFunnel Example

SuperFunnel automatically exposes a global JavaScript function on every page:

window.sf.reportEvent(eventName);

Call this function whenever a user action occurs that you want to track. No setup or configuration is required — the function is always available.

Examples

Track a CTA button click

window.sf.reportEvent("cta-click");

Track an outbound or partner link click

window.sf.reportEvent("partner-click");

Typical uses: affiliate links, marketplace links, outbound referrals.

Track scroll depth

window.sf.reportEvent("scroll-depth-75");

Call this when the user scrolls past a threshold you define in your page's JavaScript.

Where to Add This Code

You can call window.sf.reportEvent() from any JavaScript running on your page:

• Custom HTML sections
• HTML Stepper final steps
• Custom widgets
• Any inline <script> block on the page

What's Next