Место вставки кода для отслеживания событий 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>')
}
Подскажите, пожалуйста, как правильно.
// начало вашего кода на PHP add_action('wp_print_footer_scripts', 'nu_pleees'); function nu_pleees () { ?> <script type="text/javascript"> //тут ваш javascript //... </script> <?php // тут дальше ваш код PHP