我正在尝试跟踪表单下拉列表中包含的链接,但我不确定如何将动态值返回到事件跟踪代码。
我的代码是:
<form class="form" action="">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select option</option>
<optgroup label="Other">
<option value="link1" name="name1">Option 1</option>
<option value="link2" name="name2">Option 2</option>
</optgroup>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'); _gaq.push(['_trackEvent', 'Link', 'Join', ddmenu_name.name]);">
</form>
事件跟踪器只是将标签返回为 ddmenu_menu.name
有人能帮忙吗?
最佳答案
ddmenu_name.value
用作所选值的快捷方式,因为 select
标签没有其他值。但是因为 select
标签本身有一个 name
属性,所以 ddmenu_name.name
是预期的“ddmenu_name”。所以为了得到选中的option
的name
属性,必须得到当前选中的option index,然后得到它的name
属性:
<form class="form" action="">
<select name="ddmenu_name" id="ddmenu_name" style="width: 80% !important;">
<option value="" selected>Select option</option>
<optgroup label="Other">
<option value="link1" name="name1">Option 1</option>
<option value="link2" name="name2">Option 2</option>
</optgroup>
</select>
<input type="button" name="Submit" value="Go!" onClick="window.open(ddmenu_name.value,'newtab'); _gaq.push(['_trackEvent', 'Link', 'Join', ddmenu_name.options[ddmenu_name.selectedIndex].getAttribute('name')]);">
</form>
关于javascript - 谷歌分析事件跟踪 : tracking links within a drop-down form,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16459991/