表单提交主要是指访客在你的网站的“留言”“与我联系”“发送邮件”“采购咨询”等交互窗口提交信息并发送,也包括注册会员,要求下载PDF文件等。对很多B2B网站来说,表单提交是客户表示兴趣的第一步,是成交的基础。我们进入这个动作的设置步骤
找到你要设置表单提交的按钮位置,查看网页源代码
用ctrl+F输入form id 或者 form class,并把它们的值记下来,后面会用到
说明:
Form Element:用户点击的表单元素。
Form Classes:表单类属性中的一系列值。
Form ID:表单元素的 ID 属性。
Form Target:表单元素的目标属性。
Form URL:表单元素的 HREF 属性(如有)。
Form Text:表单内部的可见文本。
上述的变量都是内置变量,你只需要勾选就可以用这个,一般来说在表单提交触发器中主要是使用Form Classes和Form ID。
在google tag manager的容器中,找到代码并新建
跟踪类型:事件
类别:发送消息(这是一个自定义命名)
操作:{page url}
标签:{page url}
非互动命中:true
设置完代码之后,到触发器-新建,触发器配置
触发器类型:表单提交
等待代码触发完毕:可以不勾选,如果勾选,需要设置时间,比如2000
检查验证结果:不勾选
触发条件:所有表单和某些表单都可以,按你的实际需要
触发值:这里可以用 form ID或者 form classes,在这个例子,我用form id,把刚才查看网页源代码找到的form id填入
说明:
等待代码触发完毕
待依赖此事件的所有代码均已触发,或指定的超时时间已过后(二者取其先),再提交表单。取消选中此选项可保证代码获得最大的触发机会,但较慢的代码可能要等到表单提交引发下个页面加载后才能触发。
检查验证结果
仅在表单成功提交的情况下触发代码。如果不选中,那么只要用户试图提交表单,就会触发代码。
然后在google tag manager的工作区中点击preview,然后你在自己的网站上输入一个邮箱,发送测试邮件,可以发现这个代码被触发
你在google analytics也可以看到这个事件,这个“发送消息”就是你刚才的设置