成功提交表单后如何推送 dataLayer 事件？（使用 Ninja Forms WP 插件）答案

【问题标题】：How do I push a dataLayer event upon successful form submission? (using Ninja Forms WP Plugin)成功提交表单后如何推送 dataLayer 事件？（使用 Ninja Forms WP 插件）
【发布时间】：2017-03-11 19:30:57
【问题描述】：

我想使用 Google 跟踪代码管理器跟踪 this page 上成功提交的表单，为此我需要在用户提交表单时触发自定义 JavaScript 事件。

<script>dataLayer.push({'event':'formSubmitted'});</script>

我使用的插件是Ninja Forms，据我所知它使用PHP或AJAX来处理表单。

我最好的猜测是我需要在 ninja-forms\includes\actions 的 SuccessMessage.php 文件中的某处添加 dataLayer.push 事件（您可以下载插件并查看内部），但我不确定何地或何地。

也许不是

谢谢

【问题讨论】：

标签： javascript ajax google-tag-manager ninja-forms

【解决方案1】：

您可以更改成功消息的 HTML 吗？如果是这样，我建议把你的 JavaScript sn-p 放在那里。

如果还是不行，可以在jQuery.ajax Post的成功函数中的front-end.js文件中添加：

   jQuery.ajax({
                url: nfFrontEnd.adminAjax,
                type: "POST",
                data: l,
                cache: !1,
                success: function(t, i, n) {
                    try {
                        dataLayer.push({'event':'formSubmitted'}); //<- YOUR CODE HERE
                        var r = jQuery.parseJSON(t);
                            nfRadio.channel("forms").trigger("submit:response", r, i, n, e.get("id")),
                            nfRadio.channel("form-" + e.get("id")).trigger("submit:response", r, i, n)
                        } catch (o) {
                            console.log("Parse Error")
                        }
                    },
                    error: function(e, t, i) {
                        console.log("ERRORS: " + t),
                        nfRadio.channel("forms").trigger("submit:response", "error", t, e, i)
                    }
                })

【讨论】：

【解决方案2】：

nfRadio.channel("forms").on('submit:response', function(e) {

       console.log('submit');
       dataLayer.push({'event': 'test'});
});

【讨论】：