提供基于WordPress外贸建站·技术支持·SEO咨询服务!
文章分类
文章标签

GTM:通过Form ID配置表单提交跟踪代码

文章导航

本文介绍如何在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添加值如下图

image 143 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

2 配置容器变量

完成之后返回GTM对应网站的容器中,进入变量菜单点击配置,将一些有用的内置变量都添加容器。

image 145 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

3 在容器中创建表单提交触发器

进入触发器菜单,创建一个触发器,填写触发器名称,并选择表单提交触发器类型。

image 146 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

设置表单From ID 值。

image 147 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

添加完成如下:

image 151 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

4 在容器中添加表单提交代码

进入代码菜单,添加一个新的代码,这里的代码类型选择GA4事件,这样可以在GA4中看到询盘表单的转化数据。

image 11 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

配置代码选择已经添加好的GA4配置。

image 12 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

输入事件名称,其它默认即可。

触发条件选择创建好的表单提交触发器。

最后保存代码。

image 13 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

添加完成如下:

image 150 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

5 验证新添加的容器代码是否生效

在容器右上角点击【预览】按钮,使用标记助手进行验证,验证具体方法上文已经提到,不再具体阐述。

验证的过程中进入网站,点击开一个询盘表达,输入信息进行提交,提交之后,点击右下角【finish】按钮,返回标记助手查看结果,如下:

image 153 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

代码如果被fired,则代表设置成功。

设置成功之后记得返回GTM保存发布版本。

image 154 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

发布会提示你填写版本信息,如果不想写就跳过,发布之后可以看到容器当前的版本状态,如下:

image 155 - GTM:通过Form ID配置表单提交跟踪代码 - NUTSWP

参照以上的方法你还可以添加其它的跟踪代码,来跟踪网站的不同的数据,以便帮助你提升网站。

文章分类
文章标签
文章导航

搜索你想找的内容

建站咨询请联系企业微信
感谢你的信任!
咨询和购买请通过微信和我联系!