Formidable Forms

Formidable Forms

  • Features
  • Templates
  • Pricing
  • Resources
    • Docs & Support
    • Blog
    • Community
  • Solutions
    • Web Applications
    • Calculators
    • Surveys
    • Directories
    • Payments
    • Contact forms
  • Login
  • Get Formidable Forms

How can I set up Google Analytics with my forms?

Knowledge Base → Installation & Getting Started → Frequently Asked Questions → How can I set up Google Analytics with my forms?

Introduction

Google Analytics is a developer tool created by Google that allows you to learn about and manage how people experience your site. You can implement Google Analytics on any website to see how users browse your site, from what pages they arrive at your forms, how many times your forms are submitted, and so much more! This article will teach you how to set up Google Analytics and track form submissions.

Get Better Forms FREE!
 

Google will sunset Google Analytics 3 (Universal Analytics) and stop collecting data. It means that Universal Analytics will no longer receive data from your WordPress website and will finally cease to function after the sunset date. Google strongly recommends migrating to Google Analytics 4 (GA4) as soon as possible to avoid starting from scratch with no historical data.

Read more on this issue in Google's support thread for further information.

Set up Google Analytics 4

If you are a new user of Google Analytics, you are most likely using a GA4 property already, and no action is required on your end. Confirm which Google Analytics property you are using by looking at the property ID.

If you have not used Universal Analytics before and need to set up GA4, follow this article on how to set it up.

If you use Universal Analytics and want to migrate to GA4, follow this article to create a GA4 property using the Setup Assistant.

Set up Google Tag Manager

With Google Analytics 4, tracking events with Google Tag Manager is possible. A brief description of event tracking from a Google support article states the following:

An event allows you to measure a specific interaction or occurrence on your website or app. For example, you can use an event to measure when someone loads a page, clicks a link, or completes a purchase, or to measure system behavior, such as when an app crashes or an impression is served.

You can configure the GA4 tags in your Google Tag Manager to get more information on how to set it up. For the objective of this documentation, we will show you how we configured it to track form submissions whenever the submit button is clicked.

This guide assumes you have already done the following setup:

  • Set up a Google Tag Manager container within your site.
  • Set up Google Analytics tracking within Tag Manager.
  • Publish a form on your site.
Note: If your form uses AJAX to submit, event tracking with Google Tag Manager will not work properly.

Step 1: Install Google Tag Manager

  1. In the Google Tag Manager Overview, go to Admin. Then select the Install Google Tag Manager in the Container column.
    Google Analytics - Install Tag Manager
  2. Copy and paste the code snippets to your site's header and body section. The easiest way to do this is using the WPCode plugin, which you can download from WordPress.org or install through the WordPress dashboard.
  3. In your WordPress admin panel, go to Code Snippets → Headers & Footers. Paste the <head> code in the Header field and the <body> code in the Body field.
    Google Analytics - Tag Manager code snippets

Step 2: Create a GA4 Event tag

  1. In Google Tag Manager, look for Tags in the left sidebar. Click the New button.
    Google Analytics - New Tag
  2. For the Tag type, select Google Analytics: GA4 Event.Google Analytics - GA4 Event Tag
  3. In the Configuration Tag, select None- Manually set ID.
    Google Analytics - Tag Configuration
  4. For the Measurement ID, insert your GA4 Measurement ID number. If you need help finding this, check out this documentation.
  5. Add an Event Name to your tag called form_submission_success. You can change this to your preferred Event name if you want.
  6. In the Event Parameters, click the Add Row button and add the following:
    • Parameter Name: form_page_path
    • Value: {{Page Path}}

    You can also include additional Event Parameters to be passed through when the tag is fired. Google offers a helpful list of pre-programmed event names that correspond to specific parameters. For a complete list of these recommended events, refer to this article.

  7. Save the tag configuration.
    Google Analytics - Save Tag

Step 3: Create a trigger

Once you have created an event tag, you can create a trigger.

  1. Click Triggers in the left sidebar, then click the New button.
    Google Analytics - New Trigger
  2. Choose User Engagement: Element Visibility as the trigger type in the Trigger configuration.
    Google Analytics - Trigger Element Visibility
  3. Choose the following settings for the Trigger configuration.
    Google Analytics - Trigger Configuration

    • Selection Method: CSS selector
    • Element Selector: .frm_message
    • When to fire this trigger: Once per page
    • Minimum percent visible: 1
  4. Select the Observe DOM changes checkbox.
  5. Choose All Visibility Events for when this trigger fires on. Save the trigger configuration.
  6. Return to the GA4 event tag you created, choose this trigger, and save your changes.

Step 4: Verify if the tag works

To verify if your tag is sending data, follow the steps below.

  1. Connect to the Google Tag Assistant by clicking the Preview button.
    Google Analytics - Verify Tag Preview
  2. Enter the URL where your form is published and click the Connect button.
    Google Analytics - Verify Tag Connect
  3. It will open your site in a new window where you can submit your form and debug whether the Google tag is fired. Follow the instructions to check if the tag sends any events in the Summary tab.
    Google Analytics - Verify Tag Assistant
  4. To immediately check if this new event is transferred to your Analytics dashboard, go to your Analytics account → Reports → Realtime.
    Google Analytics - Verify Tag Realtime
  5. Look for the Event count by Event name section, and click the form_submit event name. You can track all the events from here when the form submit button is clicked.
    Google Analytics - Verify Tag Form Submit
  6. By clicking the form_page_path event parameter, you can track the page path from which the form was submitted.
    Google Analytics - Verify Tag Form Page Path

Using Google Analytics with MonsterInsights

If you'd rather not manually add the tracking code to your site, you can easily set up Google Analytics tracking with MonsterInsights. This plugin simplifies the whole process with an integration that includes features like:

  • Tracking all forms created on your site
  • Enabling event tracking for form submissions
  • Tracking form views and conversions
  • Easily view reports within the WordPress dashboard
  • Comprehensive conversion rates report

Start tracking the traffic immediately on your Formidable Form the easy way with MonsterInsights.

  • Introduction
  • Set up Google Analytics 4
  • Set up Google Tag Manager
    • Step 1: Install Google Tag Manager
    • Step 2: Create a GA4 Event tag
    • Step 3: Create a trigger
    • Step 4: Verify if the tag works
  • Using Google Analytics with MonsterInsights
Categories
×

Categories

  • Installation & Getting Started
  • Account Management
  • Forms
  • Entries
  • Views
  • Styles
  • Importing & Exporting
  • Add-Ons
  • Extend Formidable Forms

Using WordPress and want to get Formidable Forms for free?

Get Formidable Forms Lite Now

Submit doc feedback
Was this article helpful? *
What did you find most unhelpful? *
If you need help from our support team, please create a ticket at our helpdesk.

This article may contain affiliate links. Once in a while, we earn commissions from those links. But we only recommend products we like, with or without commissions.

Take on bigger projects Right Now

Get the tools you need to revolutionize your workflow and architect a masterpiece. Build the most advanced WordPress forms and actually use the data you collect in meaningful ways.

Get the most advanced WordPress form plugin and the only form builder with integrated Views.

Get Formidable Forms Now

Resources

  • Community
  • Affiliates
  • Contact
  • Free Online Form Builder

Top Features

  • Application Builder
  • Calculator Plugin
  • Surveys & Polls
  • Quiz Maker
  • Form Templates
  • Application Templates
  • Directory Plugin
  • Donation Plugin

Company

  • About Us
  • Giving Back
  • Careers
  • Newsletter
  • WP Tasty
  • Nutrifox

Copyright © 2023 Strategy11, LLC. Formidable Forms® is a registered trademark Strategy11, LLC.
Privacy Policy | Terms of Service | Sitemap

Join 300,000+ using Formidable Forms to create form-focused solutions fast. Get Started See User Reviews