本文介绍如何在Google Tag Manager中配置通过Form ID跟踪表单提交转化的容器设置过程。
最近发现通过表单提交触发器类型来设置Form ID进行触发的跟踪代码已经失效了,如果你是通过这种方法设置的询盘表单提交跟踪代码,做Tag Assistant测试时你会发代码fired不上。你可以通过其他的方法来设置询盘表单的跟踪代码。
我写了一篇补充文章,介绍了2中方法通过GTM添加GA4事件询盘表单提交跟踪代码的方法,一种是通过表单提交成功提示信息跟踪数据,另外一种是根据表单提交跳转的thank you页面跟踪数据。
《Google Tag Manager:如何设置GA4事件询盘表单提交跟踪代码?》
1 设置Elementor 表单的Form ID
首先我们需要为表单设置一下Form ID,进入表单编辑,为表单的Form ID添加值如下图
2 配置容器变量
完成之后返回GTM对应网站的容器中,进入变量菜单点击配置,将一些有用的内置变量都添加容器。
3 在容器中创建表单提交触发器
进入触发器菜单,创建一个触发器,填写触发器名称,并选择表单提交触发器类型。
设置表单From ID 值。
添加完成如下:
4 在容器中添加表单提交代码
进入代码菜单,添加一个新的代码,这里的代码类型选择GA4事件,这样可以在GA4中看到询盘表单的转化数据。
配置代码选择已经添加好的GA4配置。
输入事件名称,其它默认即可。
触发条件选择创建好的表单提交触发器。
最后保存代码。
添加完成如下:
5 验证新添加的容器代码是否生效
在容器右上角点击【预览】按钮,使用标记助手进行验证,验证具体方法上文已经提到,不再具体阐述。
验证的过程中进入网站,点击开一个询盘表达,输入信息进行提交,提交之后,点击右下角【finish】按钮,返回标记助手查看结果,如下:
代码如果被fired,则代表设置成功。
设置成功之后记得返回GTM保存发布版本。
发布会提示你填写版本信息,如果不想写就跳过,发布之后可以看到容器当前的版本状态,如下:
参照以上的方法你还可以添加其它的跟踪代码,来跟踪网站的不同的数据,以便帮助你提升网站。