Form Tracking

Rune Juul-Stokholm Updated by Rune Juul-Stokholm

Form Tracking

Tracking forms properly is key to success when it comes to using Dreamdata, whether it is tracking done by our script or something else.

Depending on your starting point there are different ways of doing this.

To get things started as quickly as possible you can start by enabling the auto identify script either manually or through Google Tag Manager.

Tracking using Javascript (developer needed)

It is highly recommended for you to track forms using Javascript which gives you the control and reliability to ensure we track your important events. It also allows you to rename your forms to something less generic than Form Submitted which will add transparency in the product.

This is an easy tasks for a developer or operations person.

This is the tracking code you would want to add. Remember to replace the email with the user’s actual email address, you might want to ask your developer to help with that as it depends on how your setup works.

analytics.identify(null, {email: 'person@email.com'});
analytics.track('formSubmitted');

Auto identify

With this method, you add an additional script to your pages that out-of-the-box monitors all form submissions and if it can find an email input, it uses that as the user’s email address, meaning its linking that email input with the user’s cookie id.

When using this method it’s important to note that it only works if your forms are straight forward valid HTML forms. If you are doing a lot of javascript, want to control the tracking behaviour, or else how just don’t use valid HTML forms then you should consider the Javascript option.

See below for information about installation and configuration.

Note : Our script adds event listeners to all forms present after the load event. Any forms which are added after this will not be tracked.

Manually install auto-identify script

Add auto-identify script in the header of your websites where you would also add the following script at the end of the <head /> section.

<script async id="dreamdata-form-identify" src="https://cdn.dreamdata.cloud/scripts/identify-form/v1/identify-form.min.js"></script>

Tracking forms adding auto-identify script via Google Tag Manager

This guide will explain how you can add the auto-identify form tracking script via Google Tag Manager using a custom HTML tag.

Tracking Calendly forms

This guide will explain how you can track Calendly forms on your website.

Tracking Hubspot Forms with auto-identify

This guide explains how you can apply the auto identify script and start tracking If you use Hubspot forms on your website

Tracking iframe forms with auto-identify script

This guide will explain you how can use auto-identify script to track forms sitting in iframes.

Tracking Pardot iframe forms

This guide explains how you can track Pardot iframe forms on your website.

Tracking using Server Side Analytics APIs

This guide will explain you how to track events server side. If you want to know more about this, contact your customer success manager or reach out trough the chat.

Tracking forms using Sleeknote or Drift

This guide how to track forms using Drift or Sleeknote.

How did we do?

Emails

How does Dreamdata track all relevant on-site customer data?

Contact