gpt4 book ai didi

javascript - Google 跟踪代码管理器 - 捕获选择值

转载 作者:行者123 更新时间:2023-11-28 01:19:24 26 4
gpt4 key购买 nike

我正在 try catch <select>值,将它们推送到数据层并使用 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 就绪时以及“valueSelected”被推送到数据层时触发。然后我创建了一个数据层变量(“selectedValue”)并将其分配为 GA 标签上的事件标签,该标签仅在选择“dropdown__select”类时触发。

标签传递类别和操作,但标签显示为“(未设置)”。必须有一种更有效的方法来捕获这些值并传递它们!!

最佳答案

DOM Ready 和 valueSelected 都是事件键的值,因此无法在一个触发器中同时使用这两个规则来触发自定义 HTML 标记。

尝试在事件等于 valueSelected 时触发 DOM Ready 和 Google Analytics 标签上的自定义 HTML 标签。

关于javascript - Google 跟踪代码管理器 - 捕获选择值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34405037/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com