Pirsch Custom Event Form Submission

script.js

<script>

function findFormTitle(node) {
    const tag = node.tagName;

    if (tag === "H1" || tag === "H2" || tag === "H3" || tag === "H4") {
        return node.innerText;
    }
    
    for (const child of node.children) {
        const title = findFormTitle(child);
        
        if (title) {
            return title;
        }
    }
    
    return null;
}

function trackForms() {
    document.querySelectorAll("form").forEach(form => {
        let eventName = findFormTitle(form);
        
        if (!eventName) {
            if (form.hasAttribute("id")) {
                eventName = form.getAttribute("id");
            } else {
                eventName = "Form Submission";
            }
        }
        
        console.log("Found form: ", eventName);
        let preventSubmission = true;
        form.addEventListener("submit", e => {
            if (preventSubmission) {
                e.preventDefault();
                preventSubmission = false;
            }

            const fields = form.querySelectorAll("input");
            const meta = {};
            
            fields.forEach(i => {
                const t = i.getAttribute("type").toLowerCase();
            
                if (t !== "hidden" && t !== "submit") {
                    meta[i.getAttribute("name")] = i.value;
                }
            });
            
            pirsch(eventName, { meta }).finally(() => e.target.submit());
        });
    });
}

function trackButtons() {
    document.querySelectorAll(".elementor-button-link").forEach(button => {
        button.addEventListener("click", () => {
            pirsch("Button Click", {
                meta: {
                    link: button.getAttribute("href") ?? "not set"
                }
            });
        });
    });
}

document.addEventListener("DOMContentLoaded", () => {
    trackForms();
    trackButtons();
});

</script>