Installing Google Tag Manager in your form

To install Google Tag Manager in your form,

1. In your Google Tag Manager account, go to Workspace and copy the container ID(GTM-XXXXXX) on the top of the window.
   
2. In your form builder, navigate to the  Share tab > Google Tag Manager & Custom Tracking.
   
3. Click Google Tag Manager and click Configure.
   
   
4. Paste the Container ID.
   
5. Enter an alternate name for your form in Form Alias to identify it in Google Tag Manager.
   
6. Under Allowed GTM Tags, you can select which GTM Tags are permitted.
1. Limited Google Tags restricts you to a specific set, including Google Analytics Settings (legacy), Google tag, Google Analytics 4 Event, Google Ads Conversion Tracking Tag, Conversion Linker, Auto-Event Variable, Constant, Custom Event, URL, Lookup Table.
   
2. All Google Tags allows the use of any tags categorized under Google classes. For example- Element Visibility Listener, Timer Listener, Enhance Conversions. Learn more about tags permitted under Google Classes
   
   
7. Under Configure Events, select the form events from the following for which you want to push the event details to Google Tag Manager:
   
   • Form View : You can push an event when a respondent views your form.
     
   • Page View : If you have a multiple-page form, you can push an event when a respondent visits the selected pages. Enter an alias name for the selected pages to identify them in Google Tag Manager.
     
   • Onclick Fields : You can push an event when a respondent clicks the selected fields in your form. Enter an alias name for the selected fields to identify them in Google Tag Manager.
     
   • Review Form : You can push an event when a respondent reviews the form.
     
   • Save Form : You can push an event when a respondent saves your form.
     
   • Submit Form : You can push an event when a respondent submits your form.
     
     
8. You can view the list of variables that will be pushed with each event by clicking Variables.
   

9. Click Save.                               
   

Creating Data Layer Variables

When an event is triggered, a set of data regarding the event is sent from the form to Google Tag Manager. In order to capture this data on Google Tag Manager's end, data layer variables will have to be created. Data Layer is a virtual layer of your form that temporarily holds the data generated when a respondent interacts with your form.

• zf_category : This indicates that the data is being pushed from Zoho Forms. This will always be set as Zoho Forms.
• zf_action : Action that takes place in your form
  
• zf_formname : Name of the form
  
• zf_field : Field alias name of a field on being clicked
  
• zf_page : Field alias name of a page on being viewed 
  

When you click on 'Variables' next to the event that you've selected, the variables that will be pushed during that event will be displayed custom for your form and event.

To create a Data Layer variable in Google Tag Manager, 

1. In Google Tag Manager, click Variables from the left menu.
   

2. Under User-Defined Variables, click New.
   

3. Enter a name for the variable.
   

4. Click Variable Configuration and select Data Layer Variable.
   

5. Under Data Layer Variable Name, enter the name of the variable as given in the above list (For example: zf_formname) and click Save.

   
   
   
   Repeat the above steps to create all the Data Layer variables that you wish to push to Google Tag Manager.
   

   New variables may be added at the request of users.

Creating a Google Tag

1. In your Google Analytics account, go to Admin > Data Streams.  Click the stream that you have created and copy the MEASUREMENT ID in the top-right corner of the pop-up.
   
   
   
   
2. Now, in your Google Tag Manager container, click Tags from the left menu and click New.
3. Enter a suitable name for the tag (For example: Google Tag).
4. Click Tag Configuration and select Google Tag.
5. Under Tag ID,  paste the ID that you have copied in step 1.
6. Under Triggering, select All Pages and click Save.