Для начала убедитесь, что на всех страницах вашего сайта установлен код Google Tag Manager, а в контейнере есть теги со счётчиками систем аналитики Google Analytics и Яндекс Метрика. О том, как это сделать, можете прочитать здесь.

В данной статье мы рассмотрим одно из нескольких возможных типов событий — клик по ссылке.

Для того, чтобы отследить клик по какой-то определённой ссылке, нам необходимо настроить сбор информации в Диспетчере Тегов о кликах по всем ссылкам на нашем сайте. Создадим тег с типом «Прослушивание кликов» и активируем его на всех страницах нашего сайта.

Прослушивание кликов в Google Tag Manager

Подготавливаем ссылку для дальнейшей работы

Чтобы Google Analytics и Яндекс Метрика понимали клик по какой ссылке считать, как совершённое событие, у ссылки должен быть какой-то идентификатор, который будет отличать её от остальных ссылок на сайте. Если на странице много одинаковых ссылок, к примеру кнопка «добавить в корзину» в каталоге товаров, то для этих целей нужно использовать class. Если на странице только одна уникальная ссылка, то нужно использовать id.

Выбор идентификатора для отслеживания событий в Google Tag Manager

Если у ссылки нет атрибутов class или id, их можно добавить, главное помните, что id должен быть уникальным для каждого элемента на странице. Подробнее об этих атрибутах можно почитать здесь и здесь.

Отслеживание события в Google Analytics

Создадим новый тег.

Отслеживание события Google Analytics в Google Tag Manager

Имя — произвольное;

Тип тега — Universal Analytics (или Google Analytics, в зависимости от типа счётчика);

Идентификатор отслеживания — скопируйте из Google Analytics;

Тип отслеживания — событие;

Параметры отслеживания события нужны для того, чтобы удобно классифицировать все свои события в Google Analytics. Своеобразный каталогизатор. К примеру:

  • Покупка (категория)
    • Оформление заказа (действие)
      • Клик по кнопке «Оформить заказ» (ярлык)
      • Клик по кнопке «Купить в 1 клик» (ярлык)
    • Корзина (действие)
      • Клик по кнопке «Добавить в корзину» (ярлык)
      • Клик по кнопке «Удалить из корзины» (ярлык)
      • Клик по кнопке «Очистить корзину» (ярлык)
      • Клик по кнопке «Перейти к оформлению заказа» (ярлык)
  • Новости и подписка (категория)
    • Клик по кнопке «Подписаться на рассылку» (действие)
    • Клик по кнопке «Добавить RSS» (действие)

Дальше нужно создать правило, как должен применяться этот тег.

Правило Google Tag Manager для фиксации клика по ссылке

Название — произвольное;

Условия:

{{event}} равно gtm.click — для того, чтобы зафиксировать клик;

{{element id}} равно order_oformlenie-zakaza — клик по какой ссылке нас интересует («order_oformlenie-zakaza» — это id кнопки).

После публикации данного тега в Google Analytics начнут поступать данные о совершённых событиях на сайте. Поведение/События.

События в Google Analytics

Отслеживание события в Яндекс Метрике

Создадим новый тег.

Тег Google Tag Manager для отслеживания события в Яндекс Метрике

Имя — произвольное;

Тип тега — Пользовательский тег HTML;

HTML:


 

<script>
yaCounter24608780.params(‘Клик по кнопке «Оформить заказ»’);
</script>


,где 24608780 — код счётчика Яндекс Метрики;

Клик по кнопке «Оформить заказ» — Имя события.

Правило применения данного тега нужно создать такое же, как и для Google Analytics.

После публикации данного тега в Яндекс Метрику начнут поступать данные о совершённых событиях на сайте. Содержание/Параметры визитов.

Отслеживание событий в Яндекс Метрике