Send an exit-intent event to GA

send-exit-intent-event-to-ga.js

/** Exit - intent event demo */
(function () {

    if (!document.URL.includes("simple-form")) return;

    const beforeUnloadListener = (event) => {
        event.preventDefault();

        // GA code goes here.
        // Below is an example using gtag.js API.
        __gtagTracker('event', 'page-exit', {
            'event_category': 'input-field',
            'event_action': 'exit-intent',
            'event_label': 'input-name',
            'value': 1
        });

        return event.returnValue = "Are you sure you want to exit?";
    };

    const nameInput = document.querySelector("#avia_1_1");

    nameInput.addEventListener("input", (event) => {
        if (event.target.value !== "") {
            // If something's in the input field listen for exit intent.
            addEventListener("beforeunload", beforeUnloadListener, { capture: true });
        } else {
            removeEventListener("beforeunload", beforeUnloadListener, { capture: true });
        }
    });
})();