仅在成功提交表单时触发脚本标签

Question

我试图在用户点击我们网站上注册表单的提交按钮后触发脚本，以便我可以将该信息发送回 Google Tag Manager 和 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。该脚本的问题是它会在每次有人单击按钮时触发，并且它不会寻找成功的提交，因此，如果有人单击提交按钮但没有成功填写表单，它会将其跟踪为成功的表单提交。

我知道我可以创建一个私人登录页面以重定向到成功提交并仅在该页面上触发脚本，但是，当用户在我们的网站上成功注册时，我们需要将他们重定向到 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。

仅在成功提交表单时触发脚本标签

Fire Script Tag Only on Successful Form Submissions

jquery

events

tracking

google-analytics

google-tag-manager