如何事件跟踪html无线电组



有没有一种方法可以使用谷歌分析跟踪电台组中的哪个电台被选中?我们的问题是,如果用户在无线电组中进行制表(出于可访问性考虑),它将为每个选项触发一个事件。

不知道如何绕过这个问题,除了添加一个按钮让用户说"我已经做出了选择",然后关闭选择事件。不过,这是不可取的。。

更新-示例

请参见此处:http://jsfiddle.net/DU6s3/3/

示例代码

$(document).ready(function () {
  $(this).focus(function () {
    alert("fire tracking");             
  });
});

谢谢,

您应该使用事件跟踪:https://developers.google.com/analytics/devguides/collection/gajs/eventTrackerGuide

_trackEvent(category, action, opt_label, opt_value, opt_noninteraction)

您可以通过将onsubmit事件处理程序应用于表单提交,并在单选选项中循环并查找所选选项来完成此操作。

我在这里创建了一个JSFiddle。

$('#form').on('submit', function (){
    var radios = $("input[name='test']");
    for (var i = 0; i < radios.length; i++) {
        if (radios[i].checked) {
            alert("_gaq.push('_trackEvent', 'form', 'submit', 'radio selected - " + radios[i].value + "');");
        }
    }
});

注意:您需要更新/添加一个id到您的表单中,以便jQuery可以选择它,并且可能必须对您的收音机执行同样的操作。

最新更新