Custom/Self-Hosted – How to Track Typeform Submissions
Track Typeform Submissions on Custom / Self-Hosted Sites with Humblytics
If you embed Typeform on a custom-built site—whether it’s a static Jamstack deployment, a PHP app, or a hand-rolled HTML page—Humblytics can record every submission as a custom event with zero cookies and no third-party tag managers.
Why Track Typeform Events in Humblytics?
Monitor conversion rates on landing pages and microsites
Attribute completions to specific campaigns or traffic sources
Set goals in funnels or A/B split tests for deeper insight
Stay privacy-compliant—no consent banners required
Prerequisites
Your Typeform ID (found in the share URL).
The Humblytics global tracking script already present in the site’s
<head>
—added once to a base template, layout component, orindex.html
.
Already see page-view data in Humblytics? Perfect—your global script is active and ready.
Step-by-Step: Track Typeform Submissions on Custom Sites
Follow the same two-snippet approach you’d use in Webflow—just paste the code into your HTML template.
Add the Typeform Embed
🔁 Replace YOUR-TYPEFORM-ID with the actual ID from your Typeform share link (
https://form.typeform.com/to/abcdef
→abcdef
).Hook in Humblytics Submission Tracking Directly below the embed, add:
💡 Rename "custom-form" to something descriptive (e.g.,
pricing-typeform
) if you’ll track multiple forms.Deploy / Publish
Static sites: Push to Git and redeploy (Netlify, Vercel, Cloudflare Pages).
Server-rendered apps: Commit and redeploy via your CI/CD pipeline.
FTP / cPanel: Upload the updated file.
That’s it—Humblytics will start logging form completions as soon as traffic hits the page.
View the Data in Humblytics
Log in to your Humblytics dashboard.
Navigate to Conversions → Forms.
Look for "custom-form" (or your chosen label) in the event list.
Apply filters (page, referrer, device) to analyse performance.
Benefits of This Setup
Cookie-free tracking
No consent banners required.
Works on every plan
Even the $9/month tier supports custom events.
Lightweight
Only the 36 kb Humblytics script—no GTM or extra libraries.
Real-time insights
Submissions appear immediately in your dashboard.
Optional Enhancements
Funnels: See how Typeform sits in the broader conversion journey.
A/B Testing: Compare form placement, copy, or CTA colours.
Custom properties: Pass extra metadata (e.g., plan tier) via
window.Humblytics.track("pricing-typeform", { tier: "pro" })
inside thesubmit()
callback.
Measure, optimise, and scale—cookie-free—using Humblytics.
Last updated
Was this helpful?