Подключение и отслеживание кликов Яндекс.Метрики через Google Tag Manager

17

16

1

Нередкой является ситуация, когда для анализа эффективности работы веб-ресурса требуется настройка целей на определённые события под Яндекс.Метрику и Google Analytics. Например: клики, произведённые по кнопкам (форма обратной связи, загрузка прайс-листа, подписка, добавление в корзину и прочие).

О том, как настроить отслеживания кликов в Яндекс.Метрике по любому из элементов сайта посредством использования Google Tag Manager (GTM, Диспетчер тегов), мы поговорим в этой статье.

Подготовительные работы

Так как речь идёт о работе с GTM, прежде чем приступать к непосредственному настраиванию отслеживания кликов, стоит установить сам Диспетчер тегов на вашем сайте. Всю необходимую информацию по установке и регулировке его работы можно найти в нашей инструкции.

С гайдом по настройке отслеживания произведённых кликов в Google Analytics (а не в Яндекс.Метрике) можно ознакомиться в нашей статье.

Отслеживание клика в Яндекс.Метрике

Сам процесс настройки функции по отслеживанию клика в Яндекс.Метрике с помощью Google Tag Manager рассмотрим на примере клика по номеру телефона для звонка.

Весь процесс можно поделить на три основных этапа. К ним относятся:

• настройка переменных;
• создание триггера;
• создание и настройка нового тега.

Рассмотрим каждый из пунктов подробно.

Настройка переменных

Идентификация каждой из функциональных областей сайта происходит за счёт HTML-тегов и их атрибутов (ID, class, адрес ссылки, target). На них и стоит обратить внимание.

При практической реализации задачи в первую очередь проверяется наличие настройки Диспетчера тегов на работу с кликами. В данной работе клик является основным объектом. Чтобы настроить такой объект, используются переменные. Для этого потребуется зайти в GTM, нажать на пункт «Переменные», затем кликнуть по кнопке «Настроить».

Следующим шагом будет установка галочек напротив каждой из представленных переменных.

Стоит задержаться на наиболее популярных в работе разновидностях кликов. Как правило, выбираются:

• Click URL (клики по ссылкам с определённым адресом внутри HREF=« »).
• Click Classes (клик по объекту, обёрнутому в определённый class, в качестве которого может быть и абзац P, и ссылка A HREF, и даже контейнер DIV).
• Click Text (клики по заданному текстовому фрагменту – параметры искомого текста можно указать, используя простые условия и регулярные выражения).

Финальный шаг в настройке переменных – закрытие окна и контроль выполнения команды. Нужно проверить факт появления выбранных кликов в перечне, относящемся ко встроенным переменным.

Создание триггера

На этом этапе требуется обозначение ряда условий, при которых клик на кнопку «Обратный звонок» будет срабатывать должным образом. Для этого нужно обратиться к пункту «Триггеры» и запустить процесс создания нового триггера. Его параметрами будут:

• Тип: «Клик».
• Цели: «Все элементы».
• Условия активации: «Некоторые клики».

В описанной выше ситуации условием активации триггера станет «код триггера с классом».

Больше ничего в триггерах настраивать не придётся. Можно переходить к следующему этапу.

Но если у вас этот класс имеют несколько кнопок, и необходимо отслеживать каждую отдельно, то придётся лезть в html-разметку сайта и добавлять id-идентификатор кнопки. В таком случае она может выглядеть примерно так:

Создание и настройка нового тега

Так как о компании Яндекс в GTM нет никаких данных, конфигурация тега выбирается как «Пользовательский HTML».

Затем тегу даётся название, после чего из Яндекс.Метрики берётся и вводится конструкция.

Чтобы её получить, необходимо перейти в Метрике в раздел «Настройка», выбрать графу «Цели» и нажать на пункт «Добавить цель».

Даём цели понятное название, жмём на вкладку «JavaScript-событие» и вводим идентификатор цели.

Далее копируем код и нажимаем «Создать цель». С метрикой закончили.

Теперь этот код копируем в наш «Пользовательский HTML» диспетчера тегов. В итоге должно получиться примерно так:

После совершённых действий нужно вернуться к триггеру. Подключается тот самый, что был создан этапом ранее. Теперь он будет активироваться при каждом клике по указанной кнопке.

На этом работа не закончена. Чтобы созданный тег начал работать, его необходимо опубликовать. Это обеспечивается нажатием на клавишу «Отправить»:

После этого нужно указать наименование версии и короткое описание (для внутреннего понимания, в чём состояла суть корректировок) и кликнуть по кнопке «Опубликовать»:

Результатом работы станет появление в разделе «Версии» описания новых переменных и версии тега:

За счёт продемонстрированных примеров вам удастся легко провести настройку для отслеживания событий по любому из элементов сайта.

Еще по теме:

• 10 примеров применения операторов поиска Яндекс и Google
В работе SEO-специалиста есть необходимость отслеживать различные показатели своего сайта и сайтов конкурентов, например: количество страниц в индексе, наличие санкций, релевантность текстов, учет ссылок и...
• Выбор Telegram-каналов для рекламы: самостоятельный подход vs использование Telega.in
Перспективность Telegram как рекламной платформы очевидна — об этом свидетельствует стремительный рост числа пользователей и увеличение объема интеграций на площадке. Тем не менее, многие рекламодатели...
• Каким сервисом проводить постраничный анализ социальных сигналов?
Подскажите нормальный сервис для постраничного анализа соц. сигналов (желательно бесплатный или не дорогой). Или лучше анализировать все самостоятельно? Тогда на какие моменты стоит обратить внимание?...
• Группировка запросов по методу подобия ТОПов: описание, кластеризаторы
Преимущества кластеризации по методу ТОПов Недостатки кластеризации по методу ТОПов Почему нужно использовать автоматическую кластеризацию? Какие есть виды кластеризации? Какие есть сервисы для автоматической кластеризации?...
• 9 бесплатных SEO-инструментов при работе с сайтом
Бесплатные инструменты для технического анализа Парсинг Website auditor от SEO Powersuite Перелинковка PageWeight Lite Free Version Скорость gtmetrix.com batchspeed.com Бесплатные инструменты для анализа структуры сайта...

---

Андрей М.

SEO-аналитик

Как только познакомился с SEO, возможности оказывать влияние на продвижение сайта и безграничного личного развития впечатлили настолько, что теперь не представляю, как мог заниматься чем либо ещё в жизни.

Увлекаюсь квестами, загадками и настольными играми.

Девиз: Carpe diem

Оцените мою статью: 

(8 оценок, среднее: 5,00 из 5)