Всем добра и здоровья, коллеги!
777 подписчиков — прекрасное число! Большое спасибо вам всем! ❤️🙏
Начинаю небольшой цикл статей по ЯТМ.
В этой публикации разберемся, как правильно настроить отслеживание кликов по элементам (кнопкам, иконкам, ссылкам) с учетом особенностей Яндекс Тег Менеджера.
1. Выбор правильного типа триггера
В ЯТМ (как и в GTM) есть два основных триггера для отслеживания кликов из категории "КЛИК": "Клики - все элементы" и "Клики - только ссылки".
Клики - только ссылки
Срабатывает только на элементах с тегом <a> и атрибутом href (т.е. на всех ссылках). Используйте, когда вам нужно отследить клик исключительно по ссылкам.
Клики - все элементы
Отслеживает клики по любому элементу на странице (кнопки, изображения, а также ссылки).
Самый частый и оптимальный вариант. Используйте его, если вам нужно отследить клик по кнопке, иконке или любому другому элементу (не ссылке).
Важное отличие от GTM, которое я хочу Вам подсветить.
В GTM триггер "Клик - только ссылки" имеет чекбокс "Ждать теги", который задерживает переход по ссылке и ждёт, чтобы тег успел сработать. В Яндекс Тег Менеджере подобный функционал пока не реализован. Буквально только сегодня общался с техподдержкой — они обещали передать разработчикам просьбу его внедрить. Это значит, что при клике по ссылке, ведущей на другую страницу, есть небольшой риск, что ваш тег может не успеть отправиться в аналитику, независимо от того, какой триггер вы выбрали!
Рекомендация та же: для кликов по ссылкам используйте триггер "Клики - только ссылки", а при кликах по любым элементам, кроме ссылок — "Клики - все элементы".
В самом крайнем случае можно организовать "костыль" через свой скрипт и "Пользовательский HTML-тег" с функцией задержки, чтобы гарантировать фиксацию события. Но это крайность и только для тех, кому нужно прямо супер идеальное срабатывание цели. Тогда я попробую найти решение и вам рассказать. Маякните, если интересно.
Но идём дальше...
2. Выбор правильной переменной
Чтобы триггер срабатывал только на нужном вам элементе, а не на всех кликах, необходимо задать условия. Для этого используются Переменные.
Вот основные переменные, которые используются для настройки условий. Курсивом пометил те, которые сам использую крайне редко.
Click ID
Click Classes
Click URL
Click Text
Click Element
Click Target
3. Иерархия надежности переменных для условий
Запомните, для корректного отслеживания нам нужно найти самое уникальное условие для элемента. Используйте эту иерархию при выборе:
1. Click ID (Самый надежный)
ID должен быть уникален на всей странице. Если элемент имеет ID, начните с него.
2. Click Classes (Хорошая альтернатива)
Атрибут class также уникален в большинстве случаев и менее подвержен изменениям, чем текст.
3. Click URL (Идеально для ссылок)
Лучший способ отслеживать ссылки. Условие "Click URL содержит/равно ..." гарантирует, что тег сработает только при переходе по конкретной ссылке.
4. Click Text (Резервный вариант)
Самый ненадежный вариант. Хоть и самый простой в реализации. Текст на кнопках часто меняется. Используйте его только тогда, когда нет ID, классов или URL.
5. Click Element — более продвинутый уровень, но несложный в реализации при определённых навыках.
Не используется сам по себе как условие для срабатывания триггера. Для настройки условий используется в связке с CSS-селектором.
В следующих постах я подробно покажу, как использовать каждую из этих переменных на конкретных примерах и со скринами. Ставьте огоньки 🔥, если Вам интересно. И задавайте вопросы — буду рад помочь каждому. 😉