How to create custom form analytics in Zoho PageSense | Help Guide

Create a custom event form analytics

Sometimes, when submitting a form on your web page, you might not have a thank you or confirmation page to track successful visitor conversions. In these cases, you can implement a custom event into the success function of your AJAX request to measure the success or failure of specific events during form submissions. 

For example, consider a visitor filling out the Newsletter Subscription form on your web page, and a pop-up confirmation message appears right after the user form submits the form. For such cases, you can create a custom form analysis in PageSense by adding the two-line custom event code in the submit event button of the form to collect data about visitors who clicked the subscribe button, and track the actual newsletter sign ups on the form.

To create a custom event form analytics:

1. Click Form Analytics on the left pane, then click the New Form Analytics button. 

2. Add a descriptive name for your form analytics in the Name field, then enter the URL of the web page that contains the form you want to track and click Fetch Forms to load all the forms available on the specified web page. 

​For example, let's say you want to track visitors' interaction on the 'Contact us' page of your website which does not contain a destination page URL with a thank you or confirmation message when the users submit the form. So, we'll name this form analysis 'Contact us form'. 
You can also track the same form across a group of web pages by enabling the Advanced button. This option also allows you to use different URL match types, and further include or exclude web pages from being tracked in a single experiment. 

3. Choose one of the forms listed, or manually add your form details by entering the form ID or form name. 




4. In the Confirmation Page Criteria, choose Custom Event from the match type drop-down. 

5. Enter a suitable name for the event to track your 'contact us' form submissions, for example, Submit_success, then click  + Create "Submit_success" event (as per our example). 


6. Based on your input, PageSense will generate an event API code. Copy and paste the API code inside the exact <script> tag of your web page, depending on the event you would like to track.
 
In our example, the <script> tag should be placed within the success response of your 'contact us' form. The following is how the code snippet looks on your web page before and after the implementation of 'Submit_success' custom event on your web page.

<code snippet before custom event implementation--->          <code snippet after custom event implementation---> 

 .             
Whenever your visitor fills out the contact form on you web page and clicks the 'Submit' button, Zoho PageSense will trigger the corresponding custom JS snippet to track the form submissions on your page. 

7. Click Activate to launch the form analytics on your web page.

Zoho PageSense will now begin to track visitors' interaction metrics on different form fields, such as hesitation time, abandonment rate, and submission time, under the REPORTS tab of your experiment. However, if you wish to make changes to your form, click the Pause button at the top-right corner, then click Relaunch to run the experiment again.

Ensure that the Zoho PageSense code snippet is installed in all the URLs of your form analytics.