dataLayer.js

/**
 * Set dataLayer for Piwik Pro.
 */
function dataLayer() {
    window.dataLayer = window.dataLayer || [];
    // Form field have been added as hidden field in the Gravity Form.
    // It has class `js-datalayer-name`.
    const formNameField = document.querySelector('.js-datalayer-name input');

    if (formNameField) {
        window.dataLayer.push({
            event: 'submitForm',
            // Value have been added as hidden field in the form.
            category: formNameField.value
                ? formNameField.value
                : 'No category detected',
            action: 'submitForm',
            label: window.location.href,
        });
    }

    // Footer form is in every page.
    // In Gravity form field that has class `js-datalayer-name-footer`.
    const formNameFieldFooter = document.querySelector(
        '.js-datalayer-name-footer input'
    );

    if (formNameFieldFooter) {
        window.dataLayer.push({
            event: 'newsletterSignupFooter',
            // Value have been added as hidden field in the form.
            category: formNameFieldFooter.value
                ? formNameFieldFooter.value
                : 'No category detected',
            action: 'newsletterSignup',
            label: window.location.href,
        });
    }
}

export default dataLayer;