Знаходимо ідентифікатор елемента
Для початку нам треба визначити ідентифікатор кнопки, зробити це можна відкривши код сайту кнопкою «F12» (на ноутбуках може знадобитися натиснути комбінацію «Fn + F12»). Відкриється меню розробника. Залежно від налаштувань воно може розташовуватися внизу або збоку на сторінці.
У лівому верхньому кутку меню потрібно вибрати стрілочку. Наводимо курсор на потрібний елемент на сайті, при цьому елемент повинен підсвітити. Клікаємо по ньому – і в панелі розробника автоматично виділяється потрібний шматочок коду.
Створюємо тригер в GTM
В інтерфейсі GTM нам потрібно створити «Тригер» – подія на сайті, яке запустить потрібну нам ланцюжок дій. У нашому випадку це клік на обрану кнопку.
У створенні тригеру обираємо «Клік» — «Усі елементи» та «Деякі кліки»
В поле Click Classes – call-one-click-btn це ідентифікатор кнопки який ми визначали на самому початку.
Створення нового тега
Переходимо на вкладку «Теги» і створюємо новий Тег.
Для Google Ads вказуємо назви тега, вибираємо тип і заповнюємо поля:
- «Категорія» – задаємо значення one_click.
- «Дія» – задаємо значення Send.
У «Тригери» додаємо раніше створений нами тригер при натисканні на кнопку і зберігаємо.
Аналогічну мету Подія потрібно налаштувати в Google Analytics.
Налаштовуємо мету для Яндекс Директ
Для настройки аналогічної мети в Яндекс Директі в настройках «Зміни тегів» обираємо «Призначений для користувача HTML».
У вікні HTML вставляємо скрипт з номером Метрики та назвою ідентифікатора, який може бути довільним, в нашому випадку це one_click.
Так само додаємо раніше створений нами тригер і зберігаємо.
Після цього в акаунті Яндекс Метрики необхідно створити аналогічну мету Подія.
Перевірка мети
Далі переходимо до перевірки мети, використовуємо попередній перегляд:
Відкриваємо наш сайт, і робимо тестове надсилання форми:
Як бачимо, обидві мети спрацювали, додатково варто перевірити ще раз спрацьовування цілей через Яндекс Метрика і Google Analytics.
