仅在成功提交表单后才执行Fire Script标签

时间:2018-07-27 22:30:30

标签: jquery events google-analytics google-tag-manager tracking

我试图在用户单击我们网站上的注册表格的提交按钮时触发脚本,以便我可以将该信息作为事件发送回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(分析)。脚本的问题在于,每次有人单击按钮时都会触发该脚本,并且它不会查找成功提交的内容,因此,如果有人在未成功填写表单的情况下单击“提交”按钮,它将跟踪该表单是否成功提交。

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

有人知道是否有一种方法可以对此脚本进行检查,并查看在触发脚本之前是否成功提交了表单?如果是这样,您能协助我提供需要执行的正确脚本吗?

我将Wordpress用作CMS,将Gravity Forms用作表单插件。预先感谢您的任何建议!

1 个答案:

答案 0 :(得分: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