jquery - 仅在成功提交表单时触发脚本标记

Question

一旦用户单击我们网站上注册表单的提交按钮，我将尝试触发脚本，以便我可以将该信息作为事件发送回 Google 跟踪代码管理器和 Google Analytics。我的目标是在我们的网站上跟踪成功的注册。我注册时的脚本如下:

<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>

这个脚本直接安装在我的注册页面www.x3tradesmen.com/registration并跟踪有人单击提交按钮并将该信息发送回 Google Analytics 的时间。该脚本的问题是每次有人单击按钮时都会触发它，并且它不会寻找成功的提交，因此，如果有人单击提交按钮而未成功填写表单，它将跟踪为成功的表单提交。

我知道我可以创建一个私有(private)登录页面以重定向到成功提交并仅在该页面上触发脚本，但是，当用户在我们的网站上成功注册时，我们需要将他们重定向到公共(public)页面。

有谁知道是否有办法让这个脚本检查并在触发脚本之前查看表单是否成功提交？如果是这样，你能帮我完成我需要实现的正确脚本吗？

我使用 Wordpress 作为我的 CMS，使用 Gravity Forms 作为我的表单插件。提前感谢您的任何建议!

Answer 1

如果在您的网站上成功注册，一些参数会添加到 URL:

https://www.x3tradesmen.com/candidate-dashboard/?email=test15%40test.com&registration=successful&eid=y1m%2BW%2FKY7opOBLAWMlzeEoq8q22Dt0TLcj9XbGJhza8%3D 

您可以使用 registration=successful发送事件或创建目标。

对于 GTM 中的事件，您应该创建一个触发器:如果 URL 包含 registration=successful .

注意:最好不要在 URL 中添加电子邮件，有关个人数据，请参阅 GA 支持:https://support.google.com/analytics/answer/6366371?hl=en .