Welcome to the documentation guide for integrating Quill Forms with Google Tag Manager (GTM). This guide will walk you through the process of setting up and utilizing Google Tag Manager to track user interactions and events within Quill Forms.
What is Google Tag Manager?
Google Tag Manager is a tag management system that simplifies the process of deploying and managing various tracking codes, scripts, and snippets on your website. It provides a centralized platform to add, update, and remove tags without modifying the website’s code directly.
Why Integrate Quill Forms with Google Tag Manager?
Integrating Quill Forms with Google Tag Manager offers several benefits:
- Efficient Tracking: By using Google Tag Manager, you can streamline the process of implementing tracking codes and scripts within Quill Forms. It provides a user-friendly interface that simplifies tag management and reduces dependency on developers.
- Flexibility: With Google Tag Manager, you can easily add and modify tracking tags without editing the Quill Forms code directly. It gives you the flexibility to adapt your tracking requirements as your needs evolve.
- Advanced Tracking Capabilities: Google Tag Manager offers a wide range of built-in tags and triggers to track various user interactions and events within Quill Forms. You can track form submissions, welcome screen passing and field answering.
- Third-Party Integrations: Google Tag Manager integrates seamlessly with various third-party analytics tools, such as Google Analytics, Facebook Pixel, and many others. You can leverage these integrations to gain deeper insights into user behavior and optimize your forms accordingly.
Getting Started
To integrate Quill Forms with Google Tag Manager, you will need to perform the following steps:
1- Create a Google Tag Manager Account: If you don’t already have a Google Tag Manager account, you’ll need to create one. Visit the Google Tag Manager website (tagmanager.google.com) and follow the instructions to set up your account.
2- Configure Google Tag Manager in Quill Forms: Once you have your Google Tag Manager account, you’ll need to install and configure the Google Tag Manager container on Quill Forms.
To get your container id, navigate to your google tag manager dashboard and get it from there like the following screenshot:
Copy this container id and insert it in Quill Forms:
Then click on Save.
Events sent via Quill Forms:
1- QuillForms.FormSubmitted
This event is fired after the submission of the form
2- QuillForms.WelcomeScreenPassed
This event is fired after passing the welcome screen.
3- QuillForms.FieldAnswered
The event is fired after each field answer