Менеджер тегов Google: селектор CSS только для сегмента текста внутри элемента <li>

Question

Я пытаюсь использовать селектор CSS в Google Tag Manager для отслеживания номера товара.

снимок экрана

Данные находятся в неупорядоченный список, а номер запаса находится в отдельном элементе li . Я знаю, как нацелить элемент li, который я хочу, только он вытягивает "Stock #: 38194" , когда я ПРОСТО хочу получить номер акции. Вот как выглядит код:

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

Есть ли способ, которым я могу отформатировать селектор CSS - или, возможно, использовать пользовательский JS - чтобы сказать GTM, чтобы вытащить это число за пределы тегов span, а не слова "Stock #"?

В идеальном мире я мог бы поместить номер акции в его собственный набор тегов span и дать им идентификатор или класс, но у меня нет доступа к бэкэнду.

Спасибо за помощь!

Answer 1

Нет селектора css для текстовых узлов, поэтому вы не можете выбрать целевой текст, который не заключен в элемент. Вероятно, самый простой способ сделать это - использовать переменную DOM для возврата текстового узла элемента li (будучи текстом, он не будет содержать разметку для span), а затем использовать пользовательский javascript для замены нежелательного текста, итак: {{myDOMvariable}}.replace("Stock #","");