Место вставки кода для отслеживания событий DOM
Пытаюсь отследить отправку формы, созданной при помощи Contact Form 7.
Увидел данную статью https://wp-kama.ru/plugin/contact-form-7/sovety-haki-sekrety#sobytiya-dom , а если конкретно пункт "События DOM", но не понял, куда же нужно вставлять скрипт из примеров, чтобы он заработал.
Пытался вставить через echo в файл functions.php темы, предварительно обрамив его тегами , не получилось. Вот конкретный код, который вставлял:
php function nu_pleees () { echo ('<script type="text/javscript"> function da_davay_ushze (){ var wpcf7Elm = document.querySelector( ".wpcf7" ); // Мониторим событие wpcf7submit у выбранного блока wpcf7Elm.addEventListener( "wpcf7submit", function( event ) { alert( "Опачки, меня пытаются отправить... в Магадан!" ); // Либо что-то более полезное }, false ); } </script>') }
Подскажите, пожалуйста, как правильно.