HubSpot - Global Form Submit Event Example

hubspot-global-form-submit-event-example

<script>
(function() {

    var dataArrayToObject = function(data) {

        var fields = {};
        
        for ( var i = 0; i < data.length; i++ ) {
            fields[data[i].name] = data[i].value;
        }

        return fields;

    };

    window.addEventListener('message', function(event) {
        if (event.data.type === 'hsFormCallback' && event.data.eventName === 'onFormSubmit') {
            
            // Take submitted form data array of objects and transform into a easier to use object of key:value pairs
            var fields = dataArrayToObject(event.data.data);

            // You can now access the submitted data via the fields object.
            // e.g: fields.firstname

            // Push data to GTM and/or other analytics libraries.
            // window.dataLayer.push();

        }
    });

})(window, document);
</script>