表单填写完毕后，添加事件监听器以触发Google adwords跟踪脚本

Question

有没有一种在表单中创建javascript事件侦听器的方法，以便当用户完成该表单时，会创建触发器（事件侦听器）。

然后，由我建立并单独运行google adwords跟踪脚本的单独的HTML页拾取此触发器（事件监听器）。

这样我就可以准确地跟踪用户来自何处，以完成我的表格。

Answer 1

使用带有隐藏输入字段的表单：

您可以从URL捕获当前的utm参数，并在<form>中的隐藏<input> ：

Javascript：

// Get the utm-params from the URL
// You can add some logic yourself to get only the utm-param(s) you need.
let utmParams = location.search;

// Set utmParams as the input value
document.getElementById("utm-values").value = utmParams;

HTML：

<input id="utm-values" type="hidden" value="" />

submit ，这些值现在将被带到您的新页面。

---

另外，您可以使用eventListener：

如果确实需要事件侦听器，则可以创建自己的提交按钮和脚本。

HTML：

<form id="myForm">
    ...
    <button id="mySubmit">Submit</button>
</form>

Javascript：

// Reference the form element
let form = document.getElementById("myForm");

// Submit the form through javascript
// Here you can add your own code, before the actual submitting
document.getElementById("mySubmit").addEventListener("click", function () {
    form.submit();
});