GA事件跟踪嵌入表单小部件

我的网页上有一行javascript,这嵌入了一个简单的表单小部件( input 方框和 search 按钮)。当用户在输入中输入值并按enter键或 搜索 它们被带到显示结果的外部网页。这一切都按预期进行。

每次用户完成搜索时,我都会向Google Analytics发送一个自定义事件。

我拥有的GA自定义事件代码是;

ga('send', 'event', 'search', 'Search Catalogue');

我不确定我应该如何处理这段代码,或者把它放在哪里。我的网站上还有其他GA自定义事件代码可以使用,所以我知道GA配置正确。

当我检查我的网页时,代码如下:;

<form method="get" id="searchform" action="https://example.com/search/" target="_parent">
    <input type="text" id="search-query" name="q" value="">
    <button type="submit">Search</button>
</form>

我愿意为此使用Javascript或Jquery。

非常感谢您的帮助。