GTM Tracking Form Setup

Google Tag Manager tracking form is helpful to websites that cannot just easily show confirmation pages when users fill out forms for example contact forms. There are simple processes in getting this done.

You need to inspect your forms live on the website. Check for the html that makes up the form. Let’s say on the contact form page, inspect the elements and see the attributes. This should have a unique id because if not, it may imply that it’s used in other elements of the other page. The other identifiers other than a unique Id which can be used is form action url, form classes and form text. The commonly and most used are classes and id.

  • Enable the variable through a built-in form. After having the identifier id you can then enable the variable in the GTM. Check the box on the interface, for instance you got to enable “form id” for the variable if you used a unique id element added.
  • Then under one of the container, create the submission trigger. On the form, under trigger- Click “new” and put a descriptive name to replace the untitled trigger with for instance ‘contact form submission’. Choose the Event “Form”.
  • Also set the ‘Configure Trigger’ with the Check Validation checked. This means that the form is actually submitted.
  • Enable When: Choose ‘page path’ – contains ‘contact’. This will enable the trigger on every page that has contact. If necessary, you can enable all pages get triggered.
  • Fire On: Form ID contains ‘contact-form’. This works in conjunction with the setting you identify to track the ‘contact form submission’.
  • Lastly, to save the trigger click “Create Trigger” and save.

After creating the trigger, the tracking form set up need to have the form submission event created too, to complete the process of GTM tracking form submission. Get some google tag manager help for complete set up and proper utilization of GTM data.