Everything you need to integrate privacy-first form analytics into your website in minutes.
import { ZFormsTracker } from '@zforms/tracker';
// Initialize with your project ID
const tracker = new ZFormsTracker({
projectId: 'your-project-id',
apiKey: 'your-api-key',
});
// Start tracking a form
tracker.trackForm('#my-form');We never collect form field values or PII. Only metadata like focus events, time spent, and field interactions.
Get deep insights into form performance with AI-powered analysis and recommendations.
Works with any JavaScript framework or plain HTML. Zero dependencies, minimal footprint.
See form interactions as they happen with live session monitoring and instant insights.
Recommended for React, Vue, Angular, and other modern JavaScript frameworks.
<script src="https://cdn.zforms.xyz/tracker.js"></script>
<script>
ZForms.init({
projectId: 'your-project-id',
apiKey: 'your-api-key'
});
</script>Perfect for simple websites and quick prototyping.
React
npm install @zforms/reactVue
npm install @zforms/vueAngular
npm install @zforms/angularNext.js
npm install @zforms/nextjsconst tracker = new ZFormsTracker({
projectId: 'your-project-id', // Required
apiKey: 'your-api-key', // Required
// Optional settings
trackPageViews: true, // Track page navigation
trackClicks: true, // Track button clicks
captureErrors: true, // Capture validation errors
enableAI: true, // Enable AI insights
// Privacy settings
anonymizeIP: true, // Anonymize IP addresses
respectDNT: true, // Respect Do Not Track
cookieConsent: true, // Require cookie consent
// Advanced
apiEndpoint: 'https://api.zforms.xyz',
batchSize: 10, // Batch events
flushInterval: 5000, // Flush every 5s
});All configuration options are documented in detail in our API Reference.
tracker.trackForm('#contact-form', {
name: 'Contact Form',
category: 'lead-generation'
});tracker.trackForm('#signup-form', {
name: 'Signup Flow',
multiStep: true,
steps: ['personal-info', 'payment', 'confirmation']
});tracker.track('form_abandoned', {
formId: 'checkout-form',
completionPercentage: 65,
lastField: 'credit-card'
});