Javascript 如何在成功提交表单时推送数据层事件?(使用忍者表单WP插件)
我想使用Google Tag Manager跟踪成功提交的表单,为此,我需要在用户提交表单时触发一个自定义JavaScript事件Javascript 如何在成功提交表单时推送数据层事件?(使用忍者表单WP插件),javascript,ajax,google-tag-manager,ninja-forms,Javascript,Ajax,Google Tag Manager,Ninja Forms,我想使用Google Tag Manager跟踪成功提交的表单,为此,我需要在用户提交表单时触发一个自定义JavaScript事件 <script>dataLayer.push({'event':'formSubmitted'});</script> dataLayer.push({'event':'formSubmitted'}); 我使用的插件是,从我所看到的,它使用PHP或AJAX来处理表单 <script>dataLayer.push({'even
<script>dataLayer.push({'event':'formSubmitted'});</script>
dataLayer.push({'event':'formSubmitted'});
我使用的插件是,从我所看到的,它使用PHP或AJAX来处理表单
<script>dataLayer.push({'event':'formSubmitted'});</script>
我最好的猜测是,我需要在ninja forms\includes\actions的SuccessMessage.php文件中的某个地方添加我的dataLayer.push事件(您可以下载插件并查看内部),但我不确定在何处或何处
也许不是
谢谢能否更改成功消息的HTML?如果是这样,我建议您将JavaScript代码片段放在那里 如果不起作用,可以将其添加到jQuery.ajax Post的success函数中的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)
}
})
jQuery.ajax({
url:nfFrontEnd.adminAjax,
类型:“POST”,
数据:l,
缓存:!1,
成功:函数(t,i,n){
试一试{
push({'event':'formSubmitted'})//