Иногда попадаются на страницах кнопки, на которые очень очень надо добавить отслеживание нажатия через Google Tag Manager, но идентифицировать их по class или id не возможно.
Вот именно так недавно мне попалась стильная кнопка:
с простым кодом:
<a class="btn btn-default btn-xs wc white tabsdostavka" href="#tabs_section">
<i class="fa fa-truck"></i>
<span>Стоимость доставки</span
</a>
Казалось бы, у нее есть класс «btn btn-default btn-xs wc white tabsdostavka», и можно спокойно сделать триггер в Google Tag Manager вида:
Но такой триггер не сработал. Я обратился к дебаггеру, чтобы понять, какое значение для класса правильное. А дебаггер показал, что все переменные пустые, и Click Element содержит мало говорящее значение «[object HTMLSpanElement]»:
И все же, решается эта проблема просто, без привлечения программиста!
На помощь приходит встроенная переменная GTM «Click Text», на которую нужно настроить триггер. В моем случае она должна быть равна «Стоимость доставки», а триггер будет таким:
И нужно также учесть нажатие по иконке на кнопке, которая уже спокойно определяется классом «fa fa-truck». Триггер для иконки:
И будем надеяться, что та же иконка или тот же текст не будут использоваться у других элементов сайта. К сожалению, такой гарантии нам не может дать ни использование class, ни id, поэтому будем считать решение удовлетворительным.