Disparar tag de script somente em envios de formulário bem-sucedidos

Estou tentando disparar um script quando um usuário clica em um botão de envio de um formulário de registro em nosso site para que eu possa enviar essas informações de volta ao Gerenciador de tags do Google e ao Google Analytics como um evento. Meu objetivo é acompanhar os registros de sucesso em nosso site. O script que tenho no meu registro é o seguinte:

<script>
   jQuery(document).ready(function() {
    jQuery('body #gform_page_4_7').on('click', '#gform_submit_button_4', function() {
        if (jQuery('#gform_submit_button_4').is(':visible')) {
            window.dataLayer = window.dataLayer || [];
            window.dataLayer.push({
                'event': 'successfulSubmission',
                'FORM_ID': 'full_application'
            });
        }
    });
});
</script>

Este script é instalado diretamente na minha página de registro www.x3tradesmen.com/registration e rastreia quando alguém clica no botão enviar e envia essa informação de volta para o Google Analytics. O problema com o script é que ele dispara cada vez que alguém clica no botão e não procura envios bem-sucedidos, portanto, se alguém clicar no botão enviar sem preencher o formulário com sucesso, ele rastreará isso como um envio de formulário bem-sucedido.

Sei que poderia criar uma página de destino privada para redirecionar para envios bem-sucedidos e disparar o script apenas nessa página; no entanto, quando um usuário se registra com sucesso em nosso site, precisamos redirecioná-lo para uma página pública.

Alguém sabe se existe uma maneira de fazer com que este script verifique e veja se o formulário foi enviado com sucesso antes de disparar o script? Em caso afirmativo, você pode me ajudar com o script adequado que preciso implementar?

Estou usando Wordpress como meu CMS e Gravity Forms como meu plug-in de formulário. Agradecemos antecipadamente por qualquer conselho!