We have previously written about how useful GTM (Google Tag Manager) is and how complex it can get. However, today we are going to get back to basics to learn one of the most convenient uses: tracking forms.

Form tracking has been a challenge at times, with the progressive disappearance of the so-called “thank-you” pages. Because, let’s be honest, redirections can be very confusing, especially on mobile devices. That is why some web designers go for a notification message instead.

Here we will explore different techniques to learn how we can track a form without having to contact your web developers. There are different form engines and plugins available, but we think the “element visibility” triggers are the easiest and most consistent to use.

1. Make sure GTM is properly implemented

We covered this in another article, but it’s always best-practice to double-check. You can easily download Google’s tag assistant and have a look before starting your task:

As a result, we rely a lot less on the web development team and we have more flexibility when deciding which events or actions we track. This is useful when there are lots of changes on the website or there are lots of elements to track (PDF downloads, bookings etc).

2. Send a test form

We will use Chrome to get the information we need. There are several ways to do this, but we consider this to be the easiest.

Once sent, the interesting part begins. Right-click the notification and click on “Inspect element”. An additional window will appear containing the source code, and this will be everything we will need.

Our task now will be to discover the unique identifiers that tell us that it is indeed a successful form submission, rather than an error. Let’s have a closer look.

We can see the classes underlined in red are indications of how the form has been submitted correctly. On the other hand, some might think that the class highlighted in orange is a good indicator, but check out what happens when we submit a form incorrectly.