The Goal

Capture UTM parameters with your website leads.

‍

Options

Install Driftrock’s website forms on your website and connect Google Analytics (GA) by entering your GA Tracking ID.
Send to Driftrock leads from your existing forms along with the GA client ID

‍

Option 1 - Install Driftrock’s website forms on your website and connect Google Analytics (GA)

Create a Driftrock Website form and install it on your site. See Driftrock's Website Form Guides for more info.
Add your GA Tracking ID to the form in the Driftrock Website Form Builder

‍

Option 2 - Send to Driftrock leads from your existing forms along with the GA client ID

To make this work, three things are required:

- You must connect your Google Analytics account to Driftrock

- Events must contain a Google Analytics Client ID

- You must set up a Driftrock Webhook capture to send your events (e.g. leads) to

‍

Connecting your Google Analytics account to Driftrock

In Driftrock, go to Settings > Connections and press the Connect button.
Find Google Analytics and click Connect. Select your account and click Allow.
Go to Settings > Data, select Yes to Google Analytics UTM params, select your account and click Save.

‍

How to extract and send the Google Analytics Client ID

For website forms, we provide a simple script for capturing the Google Analytics Client ID and setting it in your form. Here's a step-by-step guide on using the Driftrock script:

1. Make sure you have the latest version of Google Analytics code on your website.

2. Add the following script at the end of the <body> section of the web page(s) where your forms live (or across all your web pages if it's easier). Or if you are using Tag Manager this script can be added by clicking Add a new tag, then going to Tag Configuration and setting the Tag Type to be Custom HTML, then adding the below in the HTML section.

<script type="text/javascript" src="https://assets.driftrock.com/js/drga.js" ></script>

3. Add a hidden field to your form with the name ga_client_id or an appropriate name, which you'll reference in step 4.

For example:

<form>
  <input type="hidden" name="ga_client_id">

  ...

</form>

Make sure your CRM system is configured to accept the new hidden field with the name you specify (in this example ga_client_id ).

If you are sending all your lead data to Driftrock for your lead management, then Driftrock already has the field ga_client_id ready by default.

4. Call the dRock function from the Driftrock script you added in step 2.

Calling this function will add the Google Analytics Client ID from the Google Analytics cookie and insert it into the hidden form field we created in step 3.

The dRock function will let you specify the name of the field.

For example:

dRock('ga_client_id');

In this example, the ga_client_id in this example is the name of the hidden form field we added in step 3.

You can optionally specify a callback function to execute after the dRock function finishes. For example, you may want to set the Google Analytics Client ID, then trigger your form validations. e.g:

dRock('ga_client_id', nameOfValidationFunction);

Here is an example of how the finished page code might look:

<html>
  <head>...</head>
  <body>

    ...

    <form>
      <input type="hidden" name="ga_client_id">

      ...

    </form>

    <script type="text/javascript" src="https://assets.diftrock.com/js/drga.js" ></script>
  </body>
</html>

‍

Enhanced Website Lead Tracking with Google Analytics