📊 Tracking

propform can integrate directly with three analytics tools. All three can be enabled independently in the form settings.


Contents

---

Google Tag Manager (GTM)

Enable GTM in the form settings and enter your GTM container ID (format GTM-XXXXXXX). propform will then send the following events to dataLayer:

Event When triggered?
form_view Form is called
form_start_input Visitor starts typing / clicks the first field
form_abort Visitor leaves the form without submitting
form_submit Form has been successfully submitted
multistep_step For multi-step forms: step change (step name configurable per break field)

Example triggers in GTM

In GTM, you can create triggers based on events — e.g. send a conversion to Google Ads at form_submit, or a re-engagement pixel at form_abort.

> 💡 Multi-step tracking: For each break field, you can assign a step name in the field editor (e.g. “Step 2: Contact details”). This is included in the multistep_step event and enables detailed funnel tracking.


## Facebook Pixel

Enable Facebook Pixel in the form settings and enter your Pixel ID (15-digit number). Standard events are triggered automatically — e.g. Lead when the form is submitted.

---

Etracker

Enable Etracker and enter your Etracker account code. This is useful if you already use Etracker for your main website and want form events to be included in the same reporting.

CSS class track-submit for multi-step conversion tracking

For multi-step forms, the final submit button also carries the CSS class track-submit — the forward/back buttons between steps do not have this.

This allows you to specifically count only the actual conversion click in your Etracker configuration (or other tracking tools), without misinterpreting the navigation clicks:

// Beispiel: Etracker-Event nur am finalen Submit
document.querySelector('.track-submit')?.addEventListener('click', function() {
  _etracker.sendEvent(new et_UserDefinedEvent('FormConversion', 'Anfrage', 'Submit', null));
});

> 💡 For single-page forms, track-submit is also present — the selector works universally.

---

⚠️ Cookie consent is your responsibility

propform forms deliberately do not include a cookie consent banner. If you enable tracking (whether via GTM, Pixel or Etracker), you, as the form operator, are responsible for ensuring that visitors have given their consent.

Practical solution:

  • If the form is embedded as an iFrame on your main page, the cookie banner on your main page typically handles consent.
  • If the form runs as a standalone URL, you must ensure this yourself — e.g. via your privacy policy, which you link to in the form settings under “Legal Notice”.

Continue to Webhooks 👉