javascript - Google 跟踪代码管理器：CSS 选择器仅用于 a 中的一段文本元素

Question

我正在尝试在 Google 跟踪代码管理器中使用 CSS 选择器来跟踪产品的库存编号。

截屏

数据在一个无序列表中，库存编号在它自己单独的li元素中。我确实知道如何定位我想要的 li 元素，只有当我只想要股票编号时它才会拉入“Stock #: 38194”。代码如下所示：

<li><span>Stock #:</span> 38194</li>

有没有一种方法可以格式化 CSS 选择器 - 或者使用自定义 JS - 告诉 GTM 将该数字拉到跨度标签之外，而不是“Stock #”字样？

在一个完美的世界里，我可以将股票编号放在它自己的一组跨度标签中，并给它们一个 id 或类，但我无法访问后端。

谢谢你的帮助！

标签： javascriptcss-selectorsgoogle-tag-manager

Answer 1

textnodes 没有 css 选择器，因此您无法定位未包装到元素中的文本。可能最简单的方法是使用 DOM 变量来返回 li 元素的文本节点（作为文本，它将不包含跨度的标记），然后使用自定义 javascript 替换不需要的文本，因此：{{myDOMvariable}}.replace("Stock #","");