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 >  Track Entries.
   
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 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.
     
   
7. You can view the list of variables that will be pushed with each event by clicking Variables.
   

8. 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. For example, you can capture additional details from form events in Google Tag Manager, such as the fields clicked or the pages viewed using Data Layer Variables.

You can create the following Data Layer variables in Google Tag Manager to capture a form event data: 

• 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 Google Analytics Settings variable

The Google Analytics Settings variable is used while configuring a Universal Analytics tag. Once you have created this variable, you can reuse it to configure multiple Universal Analytics tags.

To create Google Analytics Settings variable,

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 Google Analytics Settings under Utilities.
   

5. Enter your Google Analytics Tracking ID and click Save.

   

Tracking events when form is embedded in Website

If your form's iframe is embedded in a website, and you have configured to track events in both your website and form using Google Tag Manager, you must configure certain additional settings.

When your Form and Website have different domains

For example, if your form is in the domain forms.zohopublic.com and you have embedded it on your website which is in the domain zylker.com, and you have configured to track events in both your website and form using Google Tag Manager (cross-domain tracking), follow the steps below:

1. Ensure that you use the same Google Analytics Property across the website and the embedded form.
   
2. In Google Tag Manager, check if the Cookie Domain parameter is set to auto in the Google Analytics Settings variable.
   
3. While configuring the Google Analytics tag, click Fields to Set under  More Settings.
   
4. Enter the Field Name as cookieFlags and Value as max-age=7200;secure;samesite=none.

When your Form and Website have the same domain

For example, if your form is in the domain forms.zylker.com and you have embedded it on your website which is in the same domain zylker.com, and you have configured to track events in both your website and form using Google Tag Manager, follow the steps below:

1. Ensure that you use the same Google Analytics Property across the website and the embedded form.
   

2. In Google Tag Manager, check if the Cookie Domain parameter is set to auto in Google Analytics Settings  Variable.
   

3. In your Google Analytics account, go to  Admin  >  Property Column  >  Tracking Info  >  Referral Exclusion List. Enter the domain if it is not present already.
   
   

   We recommend that you use the same domain for seamless integration with Google Analytics and Google Tag Manager.

Preview and Publish

Once you have configured and saved all your tags, you can click Preview in the top-right corner of Google Tag Manager to test and debug your configuration using the steps here if you are facing issues in tracking.

Click Submit in the top-right corner to publish and push the changes to Zoho Forms. 

Note: Each time you make any changes to your Google Tag Manager configurations, hard refresh your form.

You can check the real time reports in Google Analytics under  Reports  >  Realtime  >  Events.

Note:

• Google Tag Manager can be configured only in our paid plans.
  
• Configuring Google Tag Manager is not supported for forms with Payment field.
  
• You can track form events only in Google Analytics using Google Tag Manager.