Javascript 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

---

感谢您的帮助。

创建表单后，请尝试在页面上添加以下代码

<script type="text/javascript">
    $('body').on('submit','#searchform',function(e) {
            ga('send', 'event', 'search', 'Search Catalogue');
        });
</script>

$（'body'）。关于（'submit'，'#searchform'，函数（e）{
ga（“发送”、“事件”、“搜索”、“搜索目录”）；
});

更多细节