GA Event Track嵌入式表格小工具

Question

我的网页上有一行javascript，它嵌入了一个简单的表单小部件（input框和search按钮）。当用户在输入中输入值并按Enter或search时，他们将被带到显示结果的外部网页。这一切都按预期工作。

我希望每次用户完成搜索时都会向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。

感谢任何帮助。

Answer 1

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

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

更多详情here。