Video tutorial about form activity tracking with Google Analytics.
Automating5 Min.2 Min.

How to track form activity with Google Analytics

Track the activity of your respondents inside your forms by connecting with Google Analytics.


When to use

By tracking the activity of respondents in your forms, you can get insight information of their behaviors. This helps you to analyze form starts, form completions, interactions and drop-offs.

Google offers you the tools to do this with their Google Analytics. Follow the instructions in this article if you want to use Google Analytics to receive and analyze your form activity.


How to use

In this article we will show the steps you have to take to send Tripetto activity data to Google Analytics. You can also have a look at our global article about how form activity tracking works.

🚧 Warning: Google Analytics knowlegde needed

We assume you know how to configure and use Google Analytics. Tripetto support can not help you with configuring your Google Analytics account.

For help with Google Analytics, please have a look at the Analytics Help by Google.

Step 1 - Prepare Google Analytics

First step is to get your unique ID from Google Analytics that you will need to connect Tripetto with Google Analytics.

In Google Analytics:

First make sure you have created and configured your property in Google Analytics like you want to. It's important that your Google Analytics property is able to access the domain that the Tripetto form is served from.

In your WordPress site this will be your own domain name in most cases, because your form will run on your own site's domain.

If you're using the Tripetto studio this configuration depends on how you share your form:

  • Shareable tripetto.app link: if you share your form via the shareable tripetto.app link, you will have to make sure that Google Analytics can receive events from tripetto.app;
  • Embed in your site: if you have embedded your form in a site with the inline embed code, you will have to make sure that Google Analytics can receive events from the domain of that particular site;
  • Iframe in your site: if you have embedded your form in a site via an iframe with a src parameter, you will have to make sure that Google Analytics can receive events from the domain of that src parameter. Please notice there can be more additional settings needed to be able to track form activity from an iframe.

🚧 Warning: Google Analytics versions

If the form is served from a different domain than your Google Analytics property, it depends on the version of Google Analytics you're using how to configure the correct domain access:

  • For Google Analytics version 3 (Universal Analytics), you have to make sure that the external domain is not filtered out of the reports (Admin > View settings > Filters);
  • For Google Analytics version 4 (GA4), you will have to setup a separate stream for the external domain.

For help with Google Analytics, please have a look at the Analytics Help by Google. Tripetto support can not help you with configuring your Google Analytics account.

In Google Analytics:

After your Google Analytics property is configured, simply copy the Tracking ID/Measurement ID of your property. You will need that ID later on in Tripetto.

🚧 Warning: Google Analytics versions

It depends on the version of Google Analytics you're using how to find the right tracking ID/measurement ID. Tripetto can work with all versions, but for example the:

  • For Google Analytics version 3 (Universal Analytics), you will need the tracking ID from the Property Settings. This ID will start with UA-.
  • For Google Analytics version 4 (GA4), you will need the measurement ID from the Data Streams. This ID will start with G-.

For help with Google Analytics, please have a look at the Analytics Help by Google. Tripetto support can not help you with configuring your Google Analytics account.

Screenshot of Google Analytics
Get the Measurement ID from Google Analytics (GA4).

Step 2 - Connect Google Analytics

Next step is to connect your Tripetto form to Google Analytics.

In Tripetto:

Switch to your form in Tripetto. At the top menu bar of the form builder click Automate Click Tracking. The Tracking pane will show up on the right side of the form builder.

In there, enable the feature Track form activity with Google Analytics or Google Tag Manager to expand the settings for Google Analytics.

Before you enter your tracking ID/measurement ID, first ask yourself if the page that your Tripetto form is hosted at already has the Google Analytics tag installed to it:

  • If you already installed the Google Analytics tag, you can simply enable the option Google Analytics or Google Tag Manager is already installed on my website. If enabled, you don't have to enter your tracking ID/measurement ID anymore and the Tripetto events will be sent to the tracking ID/measurement ID that you have installed yourself.1
  • If you haven't already installed the Google Analytics tag, you can paste the tracking ID/measurement ID that you just copied from Google Analytics. Tripetto will recognize automatically that you're using Google Analytics, based on the tracking ID/measurement ID that you supply.

πŸ”– Ad 1: Using the shareable link?

If you're (also) using the shareable link to your form, make sure you always supply your tracking ID/measurement ID to be able to track events in the shareable link version of your form.

Screenshot of tracking in Tripetto
Enter your Google Analytics ID.

Step 3 - Select tracking events

Now your Tripetto form is connected to your Google Analytics property. By default Tripetto will track the most important activities (form starting and form completion), but you can control which activities Tripetto needs to track for you.

In Tripetto:

Select the tracking events that you want to receive insights for in your Google Analytics property.

Tripetto forms can record and share the following events:

  • Track form starting (tripetto_start) - Tracks when a form is started;
  • Track form completion (tripetto_complete) - Tracks when a form is completed;
  • Track staged blocks (tripetto_stage) - Tracks when a block becomes available.
    It depends on your selected form face when this event will be fired:
    • Autoscroll form face: this event will be fired when a block gets activated;
    • Chat form face: this event fires when a block becomes answerable;
    • Classic form face: this even fires when the block becomes visible.
  • Track unstaged blocks (tripetto_unstage) - Tracks when a block becomes unavailable.
    It depends on your selected form face when this event will be fired:
    • Autoscroll form face: this event will be fired when a block gets deactivated;
    • Chat form face: this event fires when a block becomes unanswerable;
    • Classic form face: this even fires when the block becomes invisible.
  • Track focus (tripetto_focus) - Tracks when an input element gains focus;
  • Track blur (tripetto_blur) - Tracks when an input element loses focus;
  • Track form pausing (tripetto_pause) - Tracks when a form is paused.
Screenshot of tracking in Tripetto
Select the tracking events to track with Google Analytics.

Step 4 - Receive tracking data

Google Analytics is now ready to receive the selected tracking data from your Tripetto form. Let's test this.

🚧 Warning: Update embed code (studio only)

If you have embedded your form in your website/app, please make sure you always update your embed code over there.

In Tripetto:

Open your Tripetto form and submit an entry to it. The best way to do so, is by just opening your form and perform the actions you want to track yourself.

In Google Analytics:

Now switch back to Google Analytics and have a look at the Events section to see if the data is shown.

πŸ“£ Info: Delay in Google Analytics

Please notice that although Tripetto sends all events in realtime, it can take some time (up to 24 hours) before Google Analytics shows the events from your Tripetto form.

From there on you can use the tools of Google Analytics to perform the desired analysis. For help with this, please have a look at the Analytics Help by Google. Also see our in-depth articles about measuring completion rates and dropoffs.

Screenshot of Google Analytics
Example of the events in Google Analytics.

Troubleshooting

Are your events not visible in your Google Analytics dashboard? There can be a few reasons:

  • Please notice that although Tripetto sends all events in realtime, it can take some time (up to 24 hours) before Google Analytics shows the events from your Tripetto form.
  • Next step is to check if the events are triggered in the form. To test this Google offers an extension in popular browsers to help you validate your tracking implementation, called Google Analytics Debugger. That gives instant insights on the events that are measured. You can install this extension right in your browser, for example Google Chrome.
    • If the events are not visible in the Google Analytics Debugger, please check if your event tracking is configured correctly in Tripetto.
    • If the events are visible in the Google Analytics Debugger, but not in your Google Analytics dashboard, please check if your Google Analytics is configured correctly. For example check if the right domain has been entered.
  • Next step is to check if there can be any conflicts with other Google script tags in your site, for example your global Google Analytics tag and/or Google Adwords tag. To check this, please temporarily remove all other Google script tags from your page where the Tripetto form is at. And then test if the events are triggered and sent correctly.
  • To prevent such conflicts, you can enable the setting Google Analytics or Google Tag Manager is already installed on my website. If enabled, Tripetto will not add another Google Analytics tag to your page, which will prevent any conflicts.

In this article

    Help us improve