Collecting data with Trackers and Webhooks

  1. Home
  2. Docs
  3. Collecting data with Trackers and Webhooks
  4. Trackers – collecting data from your own applications
  5. JavaScript Trackers (Web and Node.js)
  6. Browser Tracker
  7. Browser Tracker v3 Reference
  8. Plugins
  9. Form Tracking

Form Tracking

Snowplow automatic form tracking detects three event types: change_form, submit_form and focus_form. To enable automatic form tracking, use the enableFormTracking method. This will add event listeners to all form elements and to all interactive elements inside forms (that is, all inputtextarea, and select elements).

Note: that events on password fields will not be tracked.

Installation

  • npm install @snowplow/browser-plugin-form-tracking
  • yarn add @snowplow/browser-plugin-form-tracking
  • pnpm add @snowplow/browser-plugin-form-tracking

Initialization

import { newTracker, trackPageView } from '@snowplow/browser-tracker'; import { FormTrackingPlugin, enableFormTracking } from '@snowplow/browser-plugin-form-tracking'; newTracker('sp1', '{{collector_url}}', { appId: 'my-app-id', plugins: [ FormTrackingPlugin() ], }); enableFormTracking();
Code language: JavaScript (javascript)

Functions

enableFormTrackingDocumentation

Context

This plugin does not add any additional data to context of an event.

If you’d like to learn more about Snowplow Insights you can book a demo with our team, or if you’d prefer, you can try Snowplow technology for yourself quickly and easily.