ListenLayer allows you to easily track form submissions from applications across your entire website. It’s easy to configure and requires no ongoing maintenance! This “How to” will show you the exact steps necessary to set up automated form conversion tracking using ListenLayer.
How to Track Form Submissions Easily Using Data Layers
The easiest and most reliable method to track form submissions is to use data layer events. ListenLayer automates the generation of these events across your entire website. Place a single script tag and accurately track all existing and future forms without any required changes. Oh, and stop using "thank you pages!"
Ready to get started?
See how easy (and powerful) ListenLayer is by opening an account today or requesting a demo.
Powerful Conversion Tracking for Form Submissions
Steps & 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.
Don’t forget to publish your ListenLayer changes!
Step 4: Create an Event Trigger inside GTM
Step 4: Create an Event Trigger inside GTM
Inside of Google Tag Manager, create a new Trigger and select the Custom Event trigger type. Next, paste the name of the form submission event into the Event name field of the Trigger. Use the Event name that ListenLayer generates every time a form is submitted for the application you are using. In this example, we are using Gravity Forms.
The names of the events for your Listener’s features are found on the Event Settings screen for your Listener.
gfFormSubmittedStep 5: Set Your Conversion Tag Triggers
Step 5: Set Your Conversion Tag Triggers
In Google Tag Manager, set any form conversion tags for your various marketing data platforms to use the trigger from the step above. Then publish your GTM changes or preview them for testing.
Now, ListenLayer will send the event “gfFormSubmitted” to the data layer whenever a form is submitted. Google Tag Manager will use this event as a trigger to fire your form submission conversion tags.
No more thank you pages! Oh, and now that you have basic form tracking, you can begin to customize your conversion tracking and data capture using custom rules.
Critical Screenshots
Ready to Dive In?
See how easy (and powerful) ListenLayer is by opening an account today or requesting a demo.
Search for other use case.
Enter the name use case.