如何获取span标签内首个文本值作为Tag Manager变量？解决返回undefined问题

问题原因 #

你之前的代码出错是因为document.getElementsByClassName("count")返回的是HTMLCollection元素集合，不是单个DOM元素，直接访问.innerHTML自然会得到undefined。

正确的自定义JS变量代码 #

推荐两种可靠写法：

写法1：使用querySelector（更简洁） #

function(){
  const countEl = document.querySelector(".count");
  // 确保元素存在时返回纯文本，否则返回空字符串
  return countEl ? countEl.textContent.trim() : "";
}

写法2：处理getElementsByClassName的集合 #

function(){
  const countEls = document.getElementsByClassName("count");
  // 取集合第一个元素，存在则返回文本，否则返回空
  return countEls.length > 0 ? countEls[0].textContent.trim() : "";
}

关键说明 #

• 用textContent替代innerHTML：你只需要纯数字文本，textContent会忽略元素内的子标签（比如里面的<span class="is-hidden">items</span>），直接提取核心内容。
• 加元素存在判断：避免页面未加载该元素时抛出错误，保证变量稳定返回值。
• 若购物车数量是动态更新的：如果数量会随着用户操作实时变化，需要配合GTM的触发器（比如DOM Ready或自定义事件），确保元素已渲染完成。

内容的提问来源于stack exchange，提问作者user24455217