So you're looking to start tracking your Gecko Form submissions in Google Analytics but don't know where to get started. Need you not fear, we have a handy guide to outline how this can be done.

Conversion tracking has been made possible with the addition of cross-domain tracking to the Gecko Form <script>. For more information check out our blog on Solving the multi-session user problem with embeddable GeckoForms.

1. Your website & the Gecko Form must be tracked with the same GA property

Tracking only works if both your domain and the Gecko Form are tracked under the same GA property. This means that the tracking ID (UA-xxxxxxxx-xx) must be the same during the entire visitor journey.

To ensure this is working properly, we need to get the GA tracking ID used on your website first. If you know this value feel free to skip ahead to 3. Enabled within Google Tag Manager.

Otherwise, follow these steps to find your GA tracking ID:

a. Visit analytics.google.com

b. Clicking the Open Universal Account Picker

c. Make a copy of your GA tracking ID from the Properties & Apps menu

If you have multiple GA Analytics Accounts and you’re not sure which GA Tracking ID is used on your website then you'll need to install a Chrome Extension to your browser. To do this you're going to need Google’s ‘Tag Assistant’ which helps find Google Analytic tags, codes and ID's.

a. Firstly, you'll need to make sure you're using Google Chrome as your browser.

b. Next, you’ll just need to download Tag Assistant from the Chrome Extension Store,

which should only take a second, and is completely free. Once installed, you should

end up with an icon in the top right corner of the browser which looks something like

this:

<a href=https://www.clicky.co.uk/wp-content/uploads/Screen-Shot-2018-08-09-at-17.10.34.png"/>

c. Once you’ve got the icon, click it, and then press ‘enable.’

d. Wait for Tag Assistant to confirm that it has been activated

e. Then finally visit the web page which you want to test for Google Analytics.

The Tag Assistant Chrome extension will tell you which Google tracking codes and tags are listed on the site. It’ll also show you a variety of smiley faces, depending upon if the code is installed correctly, or if there are errors with the code. Handily, it’ll also tell you how to correct them too!

<a href=https://www.clicky.co.uk/wp-content/uploads/Screen-Shot-2018-08-09-at-17.14.00-1024x469.png"/>

Then once you have these, add the GA tracking ID used on your website to the Gecko Form:

2. Grab your Gecko Form ID

Whilst you’re in the Gecko Engage app it is the perfect time to grab your Form ID which you will need when setting up Events within Google Tag Manager.

a. To do so, click the Form name at the top left of the screen

b. Then make a note of the Form ID from the URL

3. Enabled within Google Tag Manager

Once you have set up the same GA tracking ID on your website & the Gecko Form then you will need to instruct Google Tag Manager to read that parameter and update the _ga cookie on the Gecko Form accordingly.

a. In GTM, go to Variables and open the GA Settings Variable.

b. Then go to More Settings > Fields to Set and enter:

  • Field Name > allowLinker (case-sensitive)
  • Value > true
<a href=https://www.analyticsmania.com/wp-content/uploads/2019/06/allowlinker-in-gtm.jpg"/>

c. Hit save.

4. Update the Referral Exclusion list in GA

Google Analytics acquisition reports work based on several things (e.g. UTM parameters or Referral). The referral is the address (or just the domain) of the previous page.

Without any additional configurations, the GA will always attribute conversions (that happen on app.geckoform.com) to your website (if the visitor landed from that domain). That way, you will lose valuable traffic source data and it will be polluted with self-referrals.

A solution? Update the referral exclusion list in GA to ignore self-referrals.

a. In Google Analytics, open the property of your website/project and go to Admin >

Tracking Info > Referral Exclusion List (in the Property column).

b. Add the domain of your website

Important if an embedded Gecko Form with Google Analytics installed has been on your website for more than 2 weeks: due to how Google Analytics attribution works (last non-direct click), you will still continue seeing self-referrals in GA reports even after updating the Referral Exclusion List. However, the numbers of self-referrals will be falling down and will 100% disappear after 6 months

On the other hand, if you have implemented cross-domain tracking on day 1 (when you started tracking that website), self-referrals will not be a 6-month-problem.

5. How do I test cross-domain tracking is working?

a. In Google Analytics, go to Reports > Real-time > Traffic Sources

b. Open a webpage on your website with the Gecko Form <script> embedded & add

any utm_source or utm_medium to the query params. We used chrome_test for our

example

c. Back in Google Analytics, you should see yourself appear as an 'active user'. Select

either the Medium or Source to apply a filter to the Real-time report.

d. In Google Analytics, go to Reports > Real-time > Content

e. When you reload the page you should see two Page Views trigger within seconds of each other in the Per second graph on the right & the title of the form in the Active

Page table

6. Setup an Event & Trigger in Google Tag Manager

To track conversions within Google Analytics, we need to create an Event that triggers when the Gecko Form has been submitted. Events are user interactions with content that can be measured in Google Analytics. For more information on Events head to their support page here.

To set up the Event we need to set up a Tag & Trigger within Google Tag Manager.

a. Head to Google Tag Manager

b. Click Tags from the left menu

c. Click new > then click Tag Configuration

d. Choose the tag type "Google Analytics: Universal Analytics" from the Featured menu

e. Name your new Tag "Gecko Form Conversion Event" *

f. Apply the following settings to the new Tag:

  • Track Type → Event
  • Category → "gecko-form-conversion-event" *
  • Action → "gecko-form-conversion-event-action" *
  • Label → "gecko-form-conversion-event-label" * (optional)
  • Value → should be empty
  • Non-Interaction Hit - False
  • Google Analytic Settings → {{Google Analytics settings}}
  • Enable overriding settings in this tag → False (un-ticked)
  • Advance Settings → not required
  • * → feel free to the Tag, Category, Action & Label as you please but keep a note as these will be necessary for the next step
  • Make a note of the Category, Action & Label used here (these will be required when setting up the conversion Goal within Google Analytics

g. Below the Event settings, click the area that says "Choose a trigger to make this tag

fire".

h. In the top right-hand corner, click the + icon to add a New Trigger

i. Name your new Tag "Gecko Form Conversion Trigger" *

j. Click the area that says "Choose a trigger type to begin setup"

k. Under the "User Engagement" header, select "Element Visibility"

l. Apply the following settings to the new Trigger:

  • Selection Method → CSS Selector
  • Element Selector → ".gecko-form-{your form ID from earlier goes here}.alert-success" ie. ".gecko-form-21FO007tq4564t002nezf3xfjt .alert-success"
  • When to fire this trigger → Once per page
    Minimum Percent Visible → 1 percent
  • This trigger fires on → All Visibility Events

m. Hit save to save the New Trigger

n. Hit save again to save the New Event & Trigger

7. How to test your new Event & Trigger

You will see in the top right corner once you have saved the new Event & Trigger that there are not "2 Workspace Changes". We are now going to test that this is all working as expected.

a. Click the Preview button

b. Head to your website & visit the page that has the Gecko Ford embed using the

<script>. You should see the Google Tag Manager Debug Interface has appeared on

the page & within the Form iFrame window. Don't worry, your web visitors won't be

able to see this.

  • Debug pane not loading? Try reloading your site, ignoring cached content (i.e. hard refresh).
    - To perform a hard refresh in Chrome, you can use the following keyboard shortcuts:
    - Windows / Linux: Ctrl + F5 or Ctrl + Shift + R
    - Mac: ⌘ + Shift + R

c. Complete the Form & submit

d. Stretch the Google Tag Manager Debug interface within the Form until it is large

enough to read.

e. To verify the Event has triggered look for the Event name you setup earlier within the Google Tag Manager Debug interface

  • If the Tag has not fired then double-check the Trigger setup in the previous step has the correct Gecko Form ID.

f. Once this is working head back into Google Tag Manager & click the Submit button

g. Add a Version Name & Description (option) & hit Publish

h. Make sure you leave Preview Mode within Google Tag Manager

8. How to set up an Event Goal within Google Analytics

An event is a user interaction with your site or app that you specify and collect data about by modifying your tag code as described in the body of this article.

An event goal is a goal you define that identifies a specific event as a conversion.

a. Click the Admin option from the left-hand side menu inside Google Analytics

b. In the VIEW column, click Goals.

c. Click + NEW GOAL to create a new goal.

  • Note: If + NEW GOAL and Import from Gallery are not visible, then you have already created a maximum of 20 goals for the current view.

d. Give your Goal a name

e. Select Event as the Type

f. Click Continue button

g. On the Goal Details page add the Category, Action & Label used earlier to create the Tag

h. Hit save button

9. How to use your new Tag to measure Form conversions

As soon as the Event Goal is created, Google Analytics will begin recording data.

Now all you have to do is wait!

Because you’ve only just started tracking your website, there won’t be any data to show. However, you can view your data by going to Acquisition » Overview and selecting your new goal under the Conversion dropdown menu.

This will allow you to see your top channels which are your top sources of traffic. You will also be able to see a graph of your sessions, which is how many times someone has visited your site (each session can include multiple page views).

<a href=https://cdn.optinmonster.com/wp-content/uploads/2016/07/google-analytics-acquisition-overview.png"/>

What you’ll want to look at is your conversion rate in the third section of columns on the right-hand side:

<a href=https://cdn.optinmonster.com/wp-content/uploads/2016/07/google-analytics-conversion-rate.png"/>

This will allow you to see which channels are giving you the highest conversion rates. And, if you’ve specified a monetary value to your Students, you will be able to see that total number in the rightmost column.

Any questions? Feel free to start a live chat with a member of our support team or explore the rest of our academy at your leisure.

Did this answer your question?