如何基于表单输入跳转并在Unbounce中记录潜在客户

问题分析 #

你当前的脚本直接通过AJAX提交表单，绕过了Unbounce内置的表单处理流程，导致Unbounce无法捕获并记录潜在客户数据。Unbounce有自己的表单事件机制，必须利用官方提供的钩子来保证数据记录和重定向的顺序。

修改后的脚本 #

jQuery(document).ready(function($) {
  // 监听Unbounce表单提交成功事件（数据已被记录后触发）
  window.ub.form.onFormSubmitted(function(formData) {
    // 从Unbounce返回的表单数据中获取company_size值
    const companySize = parseInt(formData.fields.company_size.value, 10);
    let redirectUrl;

    // 根据company_size判断重定向目标
    if (companySize === 1 || companySize === 2) {
      redirectUrl = "https://www.apple.com/";
    } else {
      // 匹配3及其他所有数字情况
      redirectUrl = "https://www.amazon.com/";
    }

    // 执行重定向
    if (redirectUrl) {
      window.location.href = redirectUrl;
    }
  });
});

关键说明 #

1. 使用官方事件钩子：onFormSubmitted是Unbounce官方提供的事件，会在表单验证通过、数据成功记录到Unbounce后台后触发，从根源上保证数据先被记录，再执行重定向。
2. 可靠获取表单数据：通过formData.fields直接读取字段值，不需要手动查询DOM，避免因DOM选择器错误导致的取值失败，同时适配Unbounce的表单字段结构。
3. 保留默认流程：不再解绑按钮点击事件或覆盖表单submit行为，让Unbounce按原生流程处理表单提交，只在成功后插入重定向逻辑。

注意事项 #

• 确认表单中company_size字段的name属性与脚本中的一致（可在Unbounce表单编辑器的字段设置里查看），如果字段name不同，需对应修改formData.fields.xxx中的xxx。
• 测试时优先使用Unbounce的预览模式或发布后测试，提交后检查Unbounce后台的潜在客户列表，确认数据已被记录，同时验证重定向是否正确跳转。

内容的提问来源于stack exchange，提问作者Sue11