如何在GA设置追踪WPFORMS表单提交事件

WPFORMS是一款非常好用的wordpress询盘表单插件，我个人认为它要比CONTACT FORM 7配置简单，功能全面。

WPFORMS我们可以对它进行询盘转化的跟踪，有两种方法：

1，在WPFORMS设置里面的Confirmation设置客户提交询盘后跳转到thank you page，具体如何设置thank you page，如何在GA设置跟踪thank you page转化，大家可以去Google Ads如何添加转化跟踪这篇文章里学习。

2，第二种方法就是追踪提交表单按钮事件，这个设置要复杂一些，今天我们要学习的就是这种方法。

首先你要确认你的网站安装了谷歌分析代码，这是基础。

安装了这个GA全局代码以后，我们需要需要把下列JS代码复制粘贴到footer.php的结束标签前面。

<script type=’text/javascript’>
jQuery(document).ready(function($){
var $myDiv = $(‘#wpforms-confirmation-XXXX’);
if ( $myDiv.length){
gtag(‘event’, ‘contact’, { ‘event_category’ : ‘Form Completion’, ‘event_action’ : ‘Submitted’, ‘event_label’ : ‘Contact Us’})
}
});
</script>

要注意的是上面wpforms-confirmation-xxxx这里的xxxx要替换成你的表单ID，表单ID在WPFORMS设置后台能看到。

我们要把更改ID后的JS代码复制到footer.php文件里面，我们在wordpress网站后台appearance-theme editor找到footer.php。

粘贴完了以后，我们点击更新。

然后我们再去GA后台设置目标

新建一个目标，目标设置为自定义，目标说明你随便写，可以写询盘成功，或者点击提交，类型选择事件。

目标详细信息填写：

类别等于form completion

操作等于submitted

标签等于contact us

价值可以空着不写

上面这几个信息是跟一开始的那个JS代码里面的标签名称相对应的。

设置完了以后点击保存即可。

我们去验证一下这个事件转化是否设置成功，我们可以去前端访问，然后在表单那里填写一个测试询盘，然后在GA实时访客下面的事件中查看是否能够检测到。

如果能够检测到事件，如下图，说明事件跟踪设置成功。

以上就是如何在GA后台设置追踪WPFORM表单提交事件的教程。