查找 header 个已单击的单选按钮

Question

我刚刚开始使用 Google 跟踪代码管理器，需要一些帮助。我想用 Jquery 构建它，它会像这样工作：

$('input[type=radio]').on("click", function() {
dataLayer.push({ 
"event":"Google Event", 
"eventCategory":"Google Category", 
"eventAction":  "Event Action", 
"eventLabel": "Desired Label of Radio Button"
})
});

现在我想要做的是能够将单选按钮的标签附加到 eventLabel。我可以在:

"eventLabel": "Desired Label of Radio Button"

或者我是否需要创建一个新函数，在其上方进行跟踪，然后将变量插入到 eventLabel 中？

Answer 1

您可以尝试这样的事情（无法从我所在的位置重新创建正确的测试设置 - 可能存在一些故障）：

$('input[type=radio]').on('click', function () {
   var inputElement = $(this);
   var inputID = inputElement.attr('id');

   var labelElement = $('label[for="' + inputID + '"]');
   var labelText = labelElement.text();

   dataLayer.push({ 
     'event': 'Google Event', 
     'eventCategory': 'Google Category', 
     'eventAction':  'Event Action', 
     'eventLabel': labelText 
   });
});

查找 header 个已单击的单选按钮

Find header of Clicked Radio Button

jquery

google-analytics

google-tag-manager