javascript - 谷歌分析事件跟踪代码(单选按钮)

标签 javascript jquery html google-analytics radio-button

我想在我的房地产网站上跟踪一个表格。困难在于我有 3 个单选按钮(只能选择一个),我不知道如何将选择的按钮链接到客户单击“发送”(envoyé) 后将发送的事件。

请在此处查看机器人左侧和 Angular 落的表格:

http://www.ajp-immobilier.com/annonces/achat/appartement/bordeaux-33/102071295.htm

所以我的代码是:

$('.btn-send-contact ').on('click',function() {
ga("send", "event", " Page Detail Annonces " , "click" ,"Contact envoyé",);

...但是我应该添加什么以在 GA 内部指示此事件链接到所选的单选按钮?否则,我知道该事件已“发送”,但我不知道按什么按钮...

如果不够清楚,我深表歉意,我不是开发人员,也不是以英语为母语的人。

最佳答案

您可以 try catch 单击的特定单选按钮的文本,然后将其作为事件标签发送:

$('.btn-send-contact').click(function(){
   $('#form-contact-agence input[name="type-message"]:checked').each(function(){
       console.log($(this).closest('.radio.inline').text().trim());
       var label = $(this).closest('.radio.inline').text().trim();
       ga("send", "event", " Page Detail Annonces" , "click", label);
   });
})

请注意,这不会进行表单验证,因此只要单击“Envoyer un message”按钮,它就会发送事件。但至少这向您展示了如何获取所选单选按钮的文本值。

关于javascript - 谷歌分析事件跟踪代码(单选按钮),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32765934/

相关文章:

javascript - 雅虎天气图标

html - 如何让我的内容出现在图片的右侧而不是下方?

html - background 和 background-color 不适用于 Redmi 手机自带的默认浏览器

html - 调整图像

javascript - POST 数据到 python 脚本

javascript - 为什么 javascript 拒绝多次工作?

javascript - 在AngularJS中将数据从服务传递到 Controller

javascript - 从文本框中读取文件而不在输入标签中给出文件类型

javascript - jquery 文件冲突如何检测?

javascript - <select> 中 <option> 的互斥?