javascript - GA 事件跟踪嵌入式表单小部件

Question

我的网页上有一行 javascript，它嵌入了一个简单的表单小部件(input 框和 search 按钮)。当用户在输入中输入一个值并按回车键或 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 .