javascript - Google Analytics : adding onClick, 但链接已经有 onClick？

Question

我正在使用 Google Analytics(通用)，并且尝试将 onClick 操作添加到链接，但 onClick 脚本已经就位:

<a class="checkout-btn" href="/checkout-start" class="button_control" onclick="return $(this).getForm().sendRequest('shop:on_setCouponCode')">Check out</a>

但我需要为 GA 添加此脚本:

onClick="ga('发送', '事件', '标题', '悬停', '户外吧凳');"

如何在一个链接上获得两个 onClick 事件？可能吗？

Answer 1

最简单(虽然错误)的方法是使用分号，有两个命令:

onClick="ga('send', 'event', 'Header', 'hover', 'Outdoor Barstools'); return $(this).getForm().sendRequest('shop:on_setCouponCode')"

更好的方法是永远不要使用 onClick HTML 属性并使用外部 JavaScript 文件绑定(bind)到 ID 的 click() 事件。这提高了代码的可维护性。

标签变为:

<a class="checkout-btn" id="foo" ...

使用 jQuery，并引用 ID“foo”标签:

$('#foo').click(function() {
    ga('send', 'event', 'Header', 'hover', 'Outdoor Barstools');
    return $(this).getForm().sendRequest('shop:on_setCouponCode');
});