Знаходимо ідентифікатор елемента

Для початку нам треба визначити ідентифікатор кнопки, зробити це можна відкривши код сайту кнопкою «F12» (на ноутбуках може знадобитися натиснути комбінацію «Fn + F12»). Відкриється меню розробника. Залежно від налаштувань воно може розташовуватися внизу або збоку на сторінці.

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-1

У лівому верхньому кутку меню потрібно вибрати стрілочку. Наводимо курсор на потрібний елемент на сайті, при цьому елемент повинен підсвітити. Кількома по ньому – і в панелі розробника автоматично виділяється потрібний шматочок коду.

Створюємо тригер в GTM

В інтерфейсі GTM нам потрібно створити «Тригер» – подія на сайті, яке запустить потрібну нам ланцюжок дій. У нашому випадку це клік на обрану кнопку.

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-2

В создании триггера выбираем: «Клик» — «Все элементы» и «Некоторые клики». 

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-3

В поле Click Classes – call-one-click-btn це ідентифікатор кнопки який ми визначали на самому початку.

Створення нового тега

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-4

Переходимо на вкладку «Теги» і створюємо новий Тег.

Для Google Ads вказуємо назви тега, вибираємо тип і заповнюємо поля:

  • «Категорія» – задаємо значення one_click.
  • «Дія» – задаємо значення Send.
Настройка цели на нажатие кнопки через Google Tag Manager - изображение-5

У «Тригери» додаємо раніше створений нами тригер при натисканні на кнопку і зберігаємо.

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-6

Аналогічну мету подія потрібно налаштувати в Google Analytics.

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-7

Налаштовуємо мету для Яндекс Директ

Для настройки аналогічної мети в Яндекс Директі в настройках «Зміни тегів» вибираємо «Призначений для користувача HTML».

У вікні HTML вставляємо скрипт з номером Метрики і назвою ідентифікатора, який може бути довільним, в даному випадку це one_click.

Так само додаємо раніше створений нами тригер і зберігаємо.

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-8
Настройка цели на нажатие кнопки через Google Tag Manager - изображение-9

Після цього в акаунті Яндекс Метрики необхідно створити аналогічну мету подія.

Перевірка мети

Далі переходимо до перевірки мети, використовуємо попередній перегляд:

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-10

Відкриваємо наш сайт, і робимо тестове надсилання форми:

Настройка цели на нажатие кнопки через Google Tag Manager - изображение-11

Як бачимо обидві мети спрацювали, додатково варто перевірити ще раз спрацьовування цілей через Яндекс Метрика і Google Analytics.