Skip to main content

Tracking form submissions with Google Tag Manager

Learn how to track successful submissions from your splose embeddable forms as conversions in Google Tag Manager, whether the form is on its direct link or embedded on your own website.

If you use splose embeddable forms to capture referrals or enquiries, you can track successful submissions as conversions in Google Tag Manager and pass them to GA4, Google Ads or Meta Pixel. This lets you measure which campaigns and pages actually drive form submissions.

In this guide, we'll show you how form submissions are detected, how to set up a GTM trigger for a form on its direct link, and how to track a form embedded on your own website, including updating your embed code and using the data layer event.

There are two setups depending on where your form lives: use the element-ID method for a form on its splose direct link, and the data layer event method for a form embedded on your own website (which also works across domains).


How it works

When a visitor submits your embeddable form, splose adds a container element to the page with the ID:

{form_title}_submitted

For example, a form titled "Intake Form" produces the ID Intake Form_submitted.

You can use this DOM change as a GTM trigger to fire tags on successful submission.


Setup in Google Tag Manager

Set up the trigger for a direct-link form

To set up tracking of form submissions with Google Tag Manager:

  1. Open your GTM workspace and go to Triggers → New.

  2. Choose Element Visibility or DOM Ready as the trigger type — select whichever suits your tag setup.

  3. Configure it to watch for the element ID matching your form title (e.g. Intake Form_submitted).

  4. Attach the trigger to your tag (e.g. a Google Ads conversion, GA4 event, or Meta Pixel).

Tracking embedded forms

The setup above detects submissions on your direct-link form page. It doesn't work when your form is embedded on your own website, because a browser security rule stops one site from seeing activity inside another site's embedded content.

Embedded forms send a signal (splose_form_submit) to the page they're embedded on when a submission succeeds. Your own tracking tool can detect this signal directly, on any domain, with no per-site setup.

Update your embed code

If your form is already embedded on your website, re-embed it to pick up this change:

  1. In splose, open your form and copy the embed code again.

  2. On your website, replace the old embed code with the new one.

Set up the trigger in Google Tag Manager for an embedded form

On a successful submission, the embedded form pushes a splose_form_submit event to the data layer. Use it as a Custom Event trigger:

  1. Open your GTM workspace and go to Triggers → New.

  2. Choose Custom Event as the trigger type.

  3. In Event name, enter splose_form_submit.

  4. Attach the trigger to your tag (e.g. a Google Ads conversion, GA4 event, or Meta Pixel).

The event also includes the form's details, which you can capture as Data Layer Variables if you want to pass them to your tag:

  • formName: the form's name (e.g. Intake Form)

  • formId: the form's unique ID

Test your setup the same way as above: submit a test entry and confirm the trigger fires and your tag records the conversion.


Testing your setup

  1. Install the Google Tag Assistant browser extension (Chromium-based browsers only: Chrome, Edge, Brave).

  2. Disable any ad blockers or firewall extensions for the page you're testing, as these can block Tag Assistant from detecting tag fires.

  3. Open Tag Assistant and navigate to your form page, then submit a test entry.

  4. Confirm the trigger fires and your tag records the conversion.

Did this answer your question?