Google Analytics（分析）表单的事件跟踪（非托管网站）

Question

我的网站使用CognitoForms服务托管联系表单。我试图跟踪Google Analytics中的表单提交。

由于表单布局代码是从Cognitoforms服务器上的脚本生成的，因此我无法将GA事件跟踪代码添加到提交链接。

这里的表单代码的样子在我结束：

<div class="cognito"> 
<script src="https://services.cognitoforms.com/s/YILktGvUnUapdCST4DWGvw"></script> 
<script>Cognito.load("forms", { id: "12" });</script> 
</div> 

正如你所看到的，有没有输入元件或链我可以修改包括跟踪代码。

有没有一种方法可以将脚本添加到上面的代码中，以便将跟踪代码推送到提交链接？

任何帮助，你可以提供将不胜感激。

Answer 1

如果表单实际上在您的页面上，那么您可以使用event delegation来知道表单何时提交。事件委托与嵌入事件处理程序相比具有显着的优势，因为您可以在之前应用事件委托您关心的元素在DOM中。

下面是使用jQuery的事件委托的示例。只要在页面上提交任何表单，它就会向Google Analytics发送一个事件。

$(document).on('submit', 'form', function() { 
    // This code will run when **any** for is submitted on the page, 
    // event forms that are added to the DOM after pageload. 
    ga('send', 'event', 'form', 'submit', this.id, {transport: 'beacon'}); 
}); 

注：在上面的代码中，transport字段设置为'beacon'因为表单提交typically unload the page，并与信标方法发送命中帮助确保他们会真正被发送。

---

或者，如果这些形式，你有兴趣提交到外部域，你可以实际使用Google Analytics autotrack和outboundFormTracker插件捕捉到了这个信息（自动跟踪使用引擎盖下的事件代表团）。