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

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

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

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

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

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

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

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

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

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

• «Категорія» – задаємо значення one_click.
• «Дія» – задаємо значення Send.

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

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

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

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

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

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

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

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

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

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

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