ES6 Gravity Forms GTM Custom Event

GravityFormTracker.js

import { exists } from '@/helpers/utilities';

export let mixin = ({ node = null, config = {} } = {}) => {
    if (!node) return false;

    let state = {
        node,
        config,
    };

    let module = {
        trackForm(event, formID) {
            console.log(`tracking form ${formID}`);
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                event: 'formSubmission',
                formID: formID,
            });
        },
        setEventBindings() {
            jQuery(document).on('gform_confirmation_loaded', this.trackForm);
        },
        init() {
            if (!exists(state.node)) return;
            this.setEventBindings();
        },
    };

    return module.init();
};

export default {
    init({ selector, config = {} }) {
        let selected = document.querySelectorAll(selector);
        if (!selected.length) return;

        return [...selected].map((node, index) => {
            return mixin({ node, config });
        });
    },
};