如何在GA中跟踪Contact Form 7的提交成功情况?

如何在GA中跟踪Contact Form 7的提交成功情况?

作者:小兽wordpress    日期:2019-7-23

问题

Contact Form 7 做询盘表单,如何在Google Analytics中跟踪到询盘提交成功,从而来判断不同流量来源的询盘提交情况呢?

解决方法

有以下2个前提条件:

使用的是Contact Form 7插件做询盘表单

Google Analytics代码不是最新的gtag.js,而是之前版本的跟踪代码,类似:

<script>(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','httpss://www.google-analytics.com/analytics.js','ga');
  ga('create', 'UA-xxxxxxx-x', 'auto');
  ga('require', 'displayfeatures');
  ga('send', 'pageview');</script>

把上面这段代码中的 UA-xxxxxxx-x 替换成你自己的那段ID,在GA后台中可以找到。

步骤一:
在 Avada Theme Options -> Advanced -> Code Fields (Tracking etc.) 中的 Space before 中填入JS代码,并保存。

JS代码请打开:

<script>
document.addEventListener( ‘wpcf7mailsent’, function( event ) {
ga(‘send’, ‘event’, ‘Contact Form’, ‘submit success’, window.location.pathname);
}, false );
</script>

完全copy里面的内容。

步骤二:

在Google Analytics中设置目标,在“管理” -> “数据视图”下面可以找到“目标”的设置。

点击“新建目标”后:

“目标设置”选择“自定义”,然后点“继续”;

“目标说明”中,“名称”设置为“submit success”,“类型”选择“事件”,然后点“继续”;

“目标详细信息”设置中,类别 等于 “contact form”、操作 等于 “submit success”,如下图所示:

如何在GA中跟踪Contact Form 7的提交成功情况?

步骤三:

在Google Analytics中的 流量获取 报告中可以查看到不同流量带来的询盘转化情况。如下图所示:

当然,这个询盘统计只是包含了通过表单提交询盘成功的,不包含直接发邮件、也不包括在线添加了Wechat和Whatsapp之类的这类询盘。

如何在GA中跟踪Contact Form 7的提交成功情况?

当然,这个询盘统计只是包含了通过表单提交询盘成功的,不包含直接发邮件、也不包括在线添加了Wechat和Whatsapp之类的这类询盘。

目前这个项目的询盘情况,大概有一半是直接邮件或加Whatsapp之类,另外一半才是在线提交询盘。

3分钟立即搭建wordpress外贸网站

点击咨询