Сьогодні, у одного мого знайомого стало питання руба "як відстежувати мета для Яндекс.Метрики при відправці форми з Contact Form 7" або "як додати подію для кнопки Submit". Варіанти з onClick, звичайно не працювали, для contact form 7 і цілі метрики. Рішення проблеми ми звичайно знайшли, далі спробую вам все детально розписати.
Для виконання будь-якої дії після відправки даних з форми Contact Form 7 в WordPress нам потрібно знати яка подія генерується по відправці, а так же куди вставляти обробник.
on_sent_ok: "alert ( 'Форма відправила дані');"
Як ви зрозуміли в тіло функції можна впихнути що завгодно, навіть Ajax виклик PHP скрипта. Якщо вам потрібен зворотній зв'язок WordPress можна почитати цей пост. Для того щоб довать текст підказку для текстових полів варто прочитати Contact Form 7 placeholder.
Contact Form 7 метрика - цілі
Саме для виклику мети з яндекс метрики ми вставили ось такий код на кнопку Submit:
Якщо код Яндекс цілей метрики коли небудь зміниться, вам доведеться замінити все що знаходиться всередині "". Також, якщо вам потрібно відстежувати кілька цілей Яндекс метрики то ви зможете записати ці цілі поспіль або ж акуратненько створити функцію, в яку записати мету, а виклик функції додати в лапки.
Друге питання, куди потрібно вставляти цей код, для прояснення ситуації вставляю скріншот, думаю з нього буде зрозуміло:
Як ви зрозуміли, код для обробника події відправленого повідомлення в Contact Form 7 потрібно вставляти на сторінці плагіна в поле "Додаткові налаштування". По суті, завдяки додаткових налаштувань, ми можемо писати будь-якій яваскрипт код в обробку Contact Form 7 for WordPress
Зверніть увагу, замість того щоб використовувати плагін для контактних форм Contact Form 7 можна створити форму зворотний зв'язок wordpress без плагіна і без зайвого коду.