Humblytics
  • Overview
    • Introduction to Humblytics
    • Features Overview
    • Frequently Asked Questions
    • Pricing Plans
      • Plus Plan
      • Business Plan
      • Scale Plan
      • Enterprise Plan
  • How to Get Started
    • Create a New Account
    • Adding Webflow Analytics to Your Site
    • Adding Framer Analytics to Your Site
  • How to Track Custom Form Submissions
    • How to Track Typeform Submissions in Framer
    • How to Track Cal.com Booking Submissions in Framer
    • How to Track Typeform Submissions in Webflow
    • How to Track Cal.com Booking Submissions in Webflow
  • How to Track Custom Click Events
    • How to Track Custom Click Events on Any Website with Humblytics
    • How to Add Custom Event Tracking for Framer Sites
    • How to Add Custom Event Tracking for Webflow Sites
  • Understanding Your Data
    • Understanding Site Traffic
    • Understanding Pages Data
    • Understanding Forms Data
    • Understanding Click Data
  • Split Testing Overview
    • Setting Up a Split Test
    • How to Create an A/B Page Variant
    • How to Analyze Split Test Data
    • Using the Humblytics A/B Split Test Sample Size Calculator
  • Campaign Tracking with UTM Links
  • Support & Resources
    • Resources
  • Privacy
Powered by GitBook
On this page

Was this helpful?

  1. How to Track Custom Form Submissions

How to Track Typeform Submissions in Framer

Humblytics makes it easy to track custom form submissions—including embedded Typeform widgets—without any need for complex analytics tools or cookie banners. Follow this guide to set up accurate form conversion tracking using a simple embed script.

Why Track Form Submissions?

Tracking form completions helps you: • Measure lead conversion from landing pages • Evaluate the performance of different form layouts or CTAs • Run A/B tests and attribute success accurately • Trigger goals in funnel analysis

Prerequisites

Before starting, make sure: • You have a Typeform embedded on your site • Humblytics is installed and active on the same page (via the tracking script)

Step-by-Step Setup

To track Typeform submissions, embed the following code where your Typeform appears:

<!-- Typeform -->
<div data-tf-on-submit="submit" data-tf-live="FORMID"></div>
<script src="//embed.typeform.com/next/embed.js"></script>

<!-- Humblytics custom tracking begins -->
<script>
  function submit({ formId, responseId }) {
    window.parent.postMessage({
      type: 'formSubmission',
      formName: 'custom-form',
      formId: formId,
      responseId: responseId
    }, '*');
  }
</script>
<!-- Humblytics custom tracking ends -->

Explanation:

  • data-tf-on-submit="submit" binds the Typeform submission event to your custom function

  • The submit() function calls Humblytics.trackFormSubmission("custom-form"), which logs the submission as a tracked event

Viewing Submissions in Your Dashboard

Once your form is live and receiving submissions:

  1. Log into your Humblytics dashboard

  2. Navigate to the Forms section

  3. Look for "custom-form" under tracked form events

  4. Use filters (by traffic source, device, or time) to analyze performance

That’s It—No Cookies, No Consent Banners

Because Humblytics uses a cookie-free, privacy-first tracking method, you don’t need to worry about compliance banners. Your data stays accurate and user-friendly from day one.

PreviousHow to Track Custom Form SubmissionsNextHow to Track Cal.com Booking Submissions in Framer

Last updated 11 days ago

Was this helpful?