我正在尝试捕获<select>
值,将其推送到数据层并使用Google跟踪代码管理器将其推送到Google Analytics帐户。以下代码我试图从中删除包含动态选定属性的值:
<select class="dropdown__select" size="1" id="dyeMethod" name="dyeMethod" onchange="javascript:UpdateSearchResults('FilterSearchForm')">
<option value="ALL">ALL</option>
<option value="395" >
Piece Dyed</option>
<option value="402" selected="selected">
Solution Dyed</option>
<option value="406" >
Solution Dyed / Yarn Dyed</option>
</select>
</div>
</div>
首先,我创建了一个自定义HTML标记来获取被禁止的值并将它们推送到数据层(下面的标记代码):
document.addEventListener('change', function(e) {
if (e.target.className === 'dropdown__select') {
var selected = e.target.options ? e.target.options[e.target.value] : undefined;
window.dataLayer.push({
'event' : 'valueSelected',
'selectedValue' : selected ? (selected.value) : ''
});
}
};
此标记会在DOM Ready上触发,并且当&#39; valueSelected&#39;被推送到数据层。然后,我创建了一个数据层变量(&#39; selectedValue&#39;),并将其指定为GA标记上的事件标签,只有当&#39; dropdown__select&#39;选择了课程。
标签会传递类别和操作,但标签显示为&#39;(未设置)&#39;。必须有一种更有效的方法来捕获这些值并传递它们!!
答案 0 :(得分:1)
DOM Ready和valueSelected都是事件键的值,因此无法在一个触发器中使用此规则触发自定义HTML标记。
尝试在事件等于valueSelected的DOM Ready和Google Analytics标记上触发自定义HTML标记。