Наприклад, у нас є кнопка:
Після натискання на цю кнопку ми бачимо форму:
Відстежувати нам треба саме заповнену й успішно відправлену форму, тому ми налаштовуємо мету на відстеження успішного відправлення форми через Google Tag Manager.
Створюємо Тригер:
Обираємо тип тригера «Доступність елементу».
Переходимо до налаштування тригера і визначаємо «Метод вибору».
Для цього переходимо на наш сайт, відправляємо тестову заявку і бачимо форму подяки:
На нашій формі подяки натискаємо правою кнопкою миші та обираємо «Подивитися код», так само це можна зробити натисканням клавіш Ctrl + Shift + I.
Позначення нашої форми має вигляд «div.modal__thanks». Це означає що нам треба обрати «Селектор CCS» в настройках тригера, дати йому назву і зберегти.
Ідентифікатор варто вибирати в тих випадках, коли наша форма подяки має свій унікальний id.
Далі переходимо в розділ «Теги» і створюємо новий тег:
Обираємо тип тега «Призначений для користувача HTML»:
Далі у вікні, нам потрібно додати код з ідентифікатором нашої форми і номером лічильника, його можна знайти в довідці Яндекс Директ. Сам код виглядає так:
ym(XXXXXXXXX, ‘reachGoal’, ‘ААААААА’);
Де XXXXXXXXX – це номер вашого лічильника Яндекс Метрика.
‘ААААААА’ – це ідентифікатор вашої форми, у мене це
ВАЖЛИВО – даний код буде працювати за умови, що у вас на сайті встановлена остання версія коду Яндекс Метрики
Далі додаємо в цей Тег вже раніше створений нами Тригер і зберігаємо:
Після всіх налаштувань не забуваємо відправити всі дані:
Далі переходимо в інтерфейс Яндекс Метрика і налаштовуємо мета «Подія»:
Після всіх налаштувань перевіряємо спрацювання мети через режим попереднього перегляду GTM та інтерфейс Яндекс Метрики.
