Найти в Дзене
Рекламщик
1 подписчик

Цель для метрики через GTM. Проще простого!

2
1 мин
1. Удобный способ настройки целевых действий на сайте через Менеджер Тегов Google. 2. Для начала работ на вашем сайте должны быть уже установлены коды Google Tag Manager и Яндекс Метрика. В данном примере мы разберем настройку целей на нажатие активных элементов на сайте - кнопки, ссылки и т.д. 3. Настройка переменных в GTM Перед началом всех настроек нужно активизировать переменные в настройках GTM. Чтобы отслеживать события по нажатиям мыши. Открываем раздел “Переменные”. И проставляем все галочки в разделе “Клики”. 4. Посмотрим информацию о нашем элементе на сайте Правой кнопкой кликаем на нашем элементы и просмотрим его html код. Видим что поле class у нашего элемента уникально - top-contact__social-telegram. По нему и будем настраивать отслеживание события. 5. Далее для нашей цели настраиваем отслеживание события - триггер. Создаем триггер со следующими настройками. Название триггера “Клик телеграм” 6. И здесь в этом же интерфейсе создаем новый тег. В нем будет пропис

1. Удобный способ настройки целевых действий на сайте через Менеджер Тегов Google.

2. Для начала работ на вашем сайте должны быть уже установлены коды Google Tag Manager и Яндекс Метрика.

В данном примере мы разберем настройку целей на нажатие активных элементов на сайте - кнопки, ссылки и т.д.

3. Настройка переменных в GTM

Перед началом всех настроек нужно активизировать переменные в настройках GTM. Чтобы отслеживать события по нажатиям мыши.

Открываем раздел “Переменные”. И проставляем все галочки в разделе “Клики”.

4. Посмотрим информацию о нашем элементе на сайте

Просмотр html кода элемента на сайте
Просмотр html кода элемента на сайте

Правой кнопкой кликаем на нашем элементы и просмотрим его html код. Видим что поле class у нашего элемента уникально - top-contact__social-telegram. По нему и будем настраивать отслеживание события.

5. Далее для нашей цели настраиваем отслеживание события - триггер. Создаем триггер со следующими настройками.

-3

Название триггера “Клик телеграм”

  • Тип триггера - Клик - “Все элементы”
  • Условия активации - “Некоторые клики”
  • Click Classes - содержит - top-contact__social-telegram (Указываем класс нашего элемента на сайте)
  • Сохраняем
Настройки триггера GTM
Настройки триггера GTM

6. И здесь в этом же интерфейсе создаем новый тег. В нем будет прописан код - скрипт который будет срабатывать при активации нашего триггера.

Создаем тег с параметрами:

  • Название “Клик Телеграм”
  • Тип тега - “Пользовательский html”
Настройка тега GTM
Настройка тега GTM
  • поле HTML:

<script>

yaCounter62632462.reachGoal('CLICK_TLG');

</script>

Настройка тега GTM
Настройка тега GTM

Важно! yaCounter62632462 - здесь цифры - это номер вашего счетчика Яндекс метрики.

CLICK_TLG - уникальный идентификатор который вы используете далее при натсройке целей.

  • Триггеры - выбираем созданный триггер “Клик Телеграм”
  • Сохраняем
Настройка тега GTM
Настройка тега GTM

7. Отправить/опубликовать все данные в GTM

Публикация данных GTM
Публикация данных GTM

8. Устанавливаем цель в Яндекс метрике:

  • Название “Клик Телеграм”
  • Тип цели JavaScript - событие
  • Идентификатор цели CLICK_TLG
Настройка целей в метрике
Настройка целей в метрике

9. Проверяем работу настроек. Переходим в режим предварительного просмотра в gtm

-10

Переходим на сайт и делаем сработку по цели - наживаем на кнопку. Проверяем наличие нашего тега в окне отладки. Готово!

Смотрите так же видео урок по настройке цели через GTM!

Понравилась статья - подпишись!