How to integrate GA Connector with Agile CRM form builder

The instructions below apply to Cookie-Based integration.

If you are using API-Based integration, please note that Agile CRM Forms does not support it. You will need to follow the Cookie-Based integration steps instead.

Not sure which instructions to follow? Start here: How to Check Which GA Connector Integration Type You’re Using.

Add Google Analytics data to Agile CRM form builder with GA Connector’s Agile CRM integration.

Prerequisites

• These instructions assume that you have already created custom fields in your Agile CRM. (For information on how to create custom fields in Agile CRM, please refer to this link.)
• Installed either GA Connector WordPress plugin or GA Connector script on your website:

<script data-cfasync="false" type="text/javascript" src="https://tracker.gaconnector.com/gaconnector.js"></script>
<script>
function setGaconnectorHiddenFields() {
    var gaFields = gaconnector.getCookieValues();
    for (var fieldName in gaFields) {
        var selectors = 'form input[name="' + fieldName + '"], form input#' + fieldName + ', form input#field_' + fieldName + ', form input[name="' + fieldName.toLowerCase() + '"], form input#' + fieldName.toLowerCase() + ', form input#field_' + fieldName.toLowerCase() + ', input[value="gaconnector_' + fieldName + '"],';
        selectors += 'form textarea[name="'+fieldName+'"], form textarea#'+fieldName+', form textarea#field_'+fieldName + ', form textarea[name="'+fieldName.toLowerCase()+'"], form textarea#'+fieldName.toLowerCase()+', form textarea#field_'+fieldName.toLowerCase()+', form textarea.'+fieldName+', form textarea[name="param['+fieldName+']"]'+", form textarea[id^='field_"+fieldName+"']";
        var inputs = document.querySelectorAll(selectors);
        if (inputs === null) {
            continue;
        } else if (typeof inputs.length === 'undefined') {
            inputs.value = gaFields[fieldName];
        } else {
            for (var i = 0; i < inputs.length; i++) {
                inputs[i].value = gaFields[fieldName];
            }
        }
    }
}

gaconnector.setCallback(setGaconnectorHiddenFields);
setInterval(setGaconnectorHiddenFields, 1000);
</script>

Once you have installed the script on your website and have already created custom fields for GA Connector in your CRM, we'll need to set up your form so GA Connector will able to fill this with tracking information.

Set up GA Connector Fields on Form Builder

Step 1 On your Agile CRM dashboard, launch the Form Builder and select the form where you want to add the GA Connector fields.
To launch the Form Builder, go to Admin Settings > Integrations > Form Builder

Step 2 Add a hidden form on your form, set the ID to the equivalent input ID that is listed on the table below this page. (e.g. All Traffic Sources - all_traffic_sources, First Click Campaign - fc_campaign)
Set the Agile Field to the equivalent custom field that you have created.

Step 3 Save Form and add it to your website.

More than just UTM parameters

GA Connector adds UTM information, geolocation, referral information to your Agile CRM leads.

See below for all the information that you can add to your leads to help you find out which of your marketing activities drive sales.