• 博主微信:ninja8864 干货多多,必有惊喜

用Google tag manager追踪表单提交

Google 柳下下 3年前 (2021-10-06) 935次浏览 0个评论 扫描二维码

用Google tag manager追踪表单提交

 

表单提交主要是指访客在你的网站的“留言”“与我联系”“发送邮件”“采购咨询”等交互窗口提交信息并发送,也包括注册会员,要求下载PDF文件等。对很多B2B网站来说,表单提交是客户表示兴趣的第一步,是成交的基础。我们进入这个动作的设置步骤

找到你要设置表单提交的按钮位置,查看网页源代码

用Google tag manager追踪表单提交

用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追踪表单提交

 

google tag manager的容器中,找到代码并新建

 

跟踪类型:事件

类别:发送消息(这是一个自定义命名)

操作:{page url}

标签:{page url}

非互动命中:true

用Google tag manager追踪表单提交

 

设置完代码之后,到触发器-新建,触发器配置

触发器类型:表单提交

等待代码触发完毕:可以不勾选,如果勾选,需要设置时间,比如2000

检查验证结果:不勾选

触发条件:所有表单和某些表单都可以,按你的实际需要

触发值:这里可以用 form ID或者 form classes,在这个例子,我用form id,把刚才查看网页源代码找到的form id填入

 

说明:

等待代码触发完毕

待依赖此事件的所有代码均已触发,或指定的超时时间已过后(二者取其先),再提交表单。取消选中此选项可保证代码获得最大的触发机会,但较慢的代码可能要等到表单提交引发下个页面加载后才能触发。

 

检查验证结果

仅在表单成功提交的情况下触发代码。如果不选中,那么只要用户试图提交表单,就会触发代码。

用Google tag manager追踪表单提交

 

然后在google tag manager的工作区中点击preview,然后你在自己的网站上输入一个邮箱,发送测试邮件,可以发现这个代码被触发

用Google tag manager追踪表单提交

 

你在google analytics也可以看到这个事件,这个“发送消息”就是你刚才的设置

 

用Google tag manager追踪表单提交

 

 

 

 

 


如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:用Google tag manager追踪表单提交
喜欢 (5)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址