Track Form Submissions Without Redirecting to a Thank You Page

Finally! You can stop using thank you pages to drive your data collection and conversion tracking. With ListenLayer, automate your website form analytics using the data layer, which is populated with event and variable information every time a form is submitted. This use case shows you how easy it is to start tracking forms without a thank you page!

Tracking Conversions Without a Thank You Page

ListenLayer allows you to automatically track form submissions at scale without using thank you pages and redirects. This is extremely helpful for popup form experiences and improves your ability to enhance and segment data from your standard form analytics.

Code Examples

Step 1: Add Your Domain Name Inside ListenLayer
Step 1: Add Your Domain Name Inside ListenLayer

Navigate to the Website screen of your ListenLayer account and add your website domain name. Then copy the Website Script to place on your website using Google Tag Manager.

Step 2: Deploy Your ListenLayer Website Script
Step 2: Deploy Your ListenLayer Website Script

Create a Custom HTML Tag inside of Google Tag Manager that fires on All Pages. Place the tracking script from your ListenLayer account. A sample is shown here, but you must use the code from your account, not this example code!

<script type="text/javascript">(function(c,a,d,b,e) {c[b] = c[b] || [];
c=a.getElementsByTagName(d)[0];a=a.createElement(d);b="dataLayer"!= b ?"&l="+b:"";a.async = !0;
a.src = "https://assets.listenlayer.com/datalayer.min.js?id="+e+b;
c.parentNode.insertBefore(a,c)})(window,document,"script","dataLayer",
"00000000-0000-0000-0000-0000000000000");</script>
Step 3: Enable Your Form Listener & Features
Step 3: Enable Your Form Listener & Features

Enable the listener for your website forms by navigating to the Listener Library. Then turn on Form Activity Features on the main Features screen for the form Listener. In this example, we are using the Hubspot Forms Listener.

Don’t forget to publish your ListenLayer changes!

Step 4: Watch Activity Flow Into the Data Layer
Step 4: Watch Activity Flow Into the Data Layer

ListenLayer will begin to automatically populate the data layer with details from your form activity.  Here, you can see an example of an event, along with form details, being pushed into the data layer when a form is submitted.

Step 5: Use Google Tag Manager to Configure Triggers for Form Submissions
Step 5: Use Google Tag Manager to Configure Triggers for Form Submissions

Create a Trigger inside GTM using the Custom Event type.  Set the Event name to equal the name of the event that ListenLayer pushes into the Listener when a form is submitted.

In the example shown here, we are tracking all form submissions on Hubspot Popup Forms. In the video, we show this being also done for Hubspot Regular Forms.

 

hsPopupSubmitted
Step 6: Create Tags and Set Them to Fire on Your Trigger From Above
Step 6: Create Tags and Set Them to Fire on Your Trigger From Above

Set any of your conversion tags intended to track form submissions to fire based on the trigger you created in the previous step. Replace any triggers that are based on page views or button clicks!