Form-specific instructions

Integrate GA Connector with custom forms

This instruction assumes that you have already installed either GA Connector WordPress plugin, or GA Connector script:

<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>

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

Now that you’ve installed our script, you need to make modification to your forms. There are two methods of integrating your forms with GA Connector: Integration Method #1 Step 1: Add hidden fields with specific names to […]

HubSpot Forms Integration Guide

Here is the tracking script:

<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>

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

Here is the full list of fields you can track:

Add GA Connector tracking to Pardot iFrame forms

Install our Salesforce package. Go to Pardot – Forms. Select a form you want to add to GA Connector. Click “Edit form”. Click “Fields” add all fields from our Salesforce package. Open “Look and Feel” and select “Below Form”. Click the “Code” symbol ()in the editor. This will allow to paste raw HTML code there. Paste this code in the editor:

<script>
	var gaconnectorFieldsMap = {
        "all_traffic_sources": "All_Traffic_Sources",
        "browser": "Browser",
        "fc_campaign": "First_Click_Campaign",
        "fc_channel": "First_Click_Channel",
        "fc_content": "First_Click_Content",
        "fc_landing": "First_Click_Landing_Page",
        "fc_medium": "First_Click_Medium",
        "fc_referrer": "First_Click_Referrer",
        "fc_source": "First_Click_Source",
        "fc_term": "First_Click_Term",
        "GA_Client_ID": "GA_Client_ID",
        "gclid": "Google_Click_Identifier",
        "ip_address": "IP_Address",
        "region": "Region",
        "lc_campaign": "Last_Click_Campaign",
        "lc_channel": "Last_Click_Channel",
        "lc_content": "Last_Click_Content",
        "lc_landing": "Last_Click_Landing_Page",
        "lc_medium": "Last_Click_Medium",
        "lc_referrer": "Last_Click_Referrer",
        "lc_source": "Last_Click_Source",
        "lc_term": "Last_Click_Term",
        "latitude": "Latitude",
        "longitude": "Longitude",
        "page_visits": "Number_of_Website_Visits",
        "OS": "Operating_System",
        "pages_visited_list": "Pages_Visited",
        "time_passed": "Time_Spent_On_Website",
        "time_zone": "Time_Zone",
        "device": "Device"
    };

    function receiveGaconnectorData(event) {
        var gaFields = event.data;
        var limit = 255;
        if (typeof gaFields['lc_source'] !== 'undefined') {
            for (var gaconnectorName in gaconnectorFieldsMap) {
                if(typeof gaFields[gaconnectorName] !== 'undefined') {
                    if (gaFields[gaconnectorName].length > limit) {
                        gaFields[gaconnectorName] = gaFields[gaconnectorName].substr(0, limit);
                    }
                }
                var pardotName = gaconnectorFieldsMap[gaconnectorName];
                var input = document.querySelector("p." + pardotName + " input[type=hidden]");
                if (input !== null) {
                    input.value = gaFields[gaconnectorName];
                }
            }
        }
    }

    window.addEventListener("message", receiveGaconnectorData, false);
</script>

var gaconnectorFieldsMap = {

"all_traffic_sources": "All_Traffic_Sources",

"browser": "Browser",

"fc_campaign": "First_Click_Campaign",

"fc_channel": "First_Click_Channel",

"fc_content": "First_Click_Content",

"fc_landing": "First_Click_Landing_Page",

"fc_medium": "First_Click_Medium",

"fc_referrer": "First_Click_Referrer",

"fc_source": "First_Click_Source",

"fc_term": "First_Click_Term",

"GA_Client_ID": "GA_Client_ID",

"gclid": "Google_Click_Identifier",

"ip_address": "IP_Address",

"region": "Region",

"lc_campaign": "Last_Click_Campaign",

"lc_channel": "Last_Click_Channel",

"lc_content": "Last_Click_Content",

"lc_landing": "Last_Click_Landing_Page",

"lc_medium": "Last_Click_Medium",

"lc_referrer": "Last_Click_Referrer",

"lc_source": "Last_Click_Source",

"lc_term": "Last_Click_Term",

"latitude": "Latitude",

"longitude": "Longitude",

"page_visits": "Number_of_Website_Visits",

"OS": "Operating_System",

"pages_visited_list": "Pages_Visited",

"time_passed": "Time_Spent_On_Website",

"time_zone": "Time_Zone",

"device": "Device"

};

function receiveGaconnectorData(event) {

var gaFields = event.data;

var limit = 255;

if (typeof gaFields['lc_source'] !== 'undefined') {

for (var gaconnectorName in gaconnectorFieldsMap) {

if(typeof gaFields[gaconnectorName] !== 'undefined') {

if (gaFields[gaconnectorName].length > limit) {

gaFields[gaconnectorName] = gaFields[gaconnectorName].substr(0, limit);

}

var pardotName = gaconnectorFieldsMap[gaconnectorName];

var input = document.querySelector("p." + pardotName + " input[type=hidden]");

if (input !== null) {

input.value = gaFields[gaconnectorName];

}

window.addEventListener("message", receiveGaconnectorData, false);

</script>

This […]

Try GA Connector FREE for 30 Days