将隐藏的表单变量添加到 URL 的末尾

Question

我已经在 Unbounce 和 Google 上搜索了文档，但找不到一种方法来完成这项工作。非常感谢任何帮助！

用例：

我在 Unbounce 中有一个测试页面设置，当用户登陆页面并提交表单时，通过隐藏字段中的下面脚本生成的值在提交时添加到当前 URL，这将是很棒的。

重要的是，如果用户从广告活动登陆页面，则该值将添加到 URL 而不是替换它。

示例： 用户登陆testpage.com或testpage.com?qs=3134728&pcd=THANKS20&dclid=CNi4wvCv39cCFZdFNwodE_wALA

唯一 ID 使用以下 JavaScript 创建并添加到隐藏字段：

<script type="text/javascript">
  $(document).ready(function() {
    var id = new Date().toISOString().replace(/[-tTzZ:.]/g, '');
    $('#lead_id').val(id);
  });
</script>

用户点击提交并被重定向到一个感谢页面，其中包含在 URL 中传递的隐藏字段的值：

testpage.com/thank-you?lead_id=1234
testpage.com/thankyou?qs=3134728&pcd=THANKS20&dclid=CNi4wvCv39cCFZdFNwodE_wALA&lead_id=1234

我还应该提到，我无法编辑表单的 html，因此这需要使用 JavaScript 进行，因为 Unbounce 提供了添加自定义代码的空间。

Answer 1

表单方法是get吗？如果是post，它不会将其附加到隐藏字段的 URL。

如果这是页面上的 HTML，您的方法似乎是正确的：

<form action="http://example.com" method="get" id="theForm">
    <input type="hidden" value="xyz" />
    <button type="submit">Send</button>
</form>

您可以使用以下 JS 代码之一来修改它...但是您需要验证一切是否仍按预期工作：

document.getElementById('theForm').action = "http://another.example.com";

document.getElementById('theForm').method = "get";