使用Google Tag Manager 元素可见性跟踪表单提交成功

您想通过GTM的元素可见性触发器来跟踪表单提交成功后显示的.wpcf7-response-output类元素，这是一个合理的跟踪方案。

配置步骤

1. 创建元素可见性触发器：
   • 在GTM中点击”触发器” > “新建”
   • 选择触发器类型为”元素可见性”
   • 配置如下：
     • 选择器：.wpcf7-response-output (或更具体的选择器如div.wpcf7-response-output)
     • 触发时机：通常选择”每次出现时”
     • 高级设置：根据需求选择”观察DOM变化”和设置最小可见百分比(如50%)
2. 创建转化标签：
   • 点击”标签” > “新建”
   • 选择标签类型(如Google Ads转化跟踪)
   • 配置您的转化设置
   • 触发器选择刚才创建的元素可见性触发器

注意事项

1. 验证选择器：
   • 确保.wpcf7-response-output是提交成功后显示的唯一元素
   • 使用浏览器开发者工具检查确认
2. 替代方案考虑：
   • 如果表单提交后有页面跳转，使用页面浏览触发器可能更可靠
   • 如果表单使用AJAX提交，可以考虑使用自定义事件触发器
3. 测试：
   • 使用GTM预览模式测试触发器是否在表单提交后正确触发
   • 检查元素是否确实变为可见状态

是否应该使用元素可见性？

元素可见性触发器适用于：

• 无页面跳转的表单提交
• 提交后显示确认消息的场景
• 当您无法修改表单代码添加自定义事件时

如果表单行为更复杂，可能需要考虑其他触发器类型或组合使用多种触发器。