Вызов функции с кнопкой отправки в HTML - PullRequest
Новая
       12

Вызов функции с кнопкой отправки в HTML

0 голосов
/ 30 августа 2018

Мне нужен скрипт конвертации Google AdWords, чтобы он работал, когда кто-то отправляет форму для бесплатной квоты. Google предоставил скрипт, который я поместил в сниппет с WordPress, и активировал его для сайта.

Теперь мне нужно вызывать эту функцию, когда нажата кнопка отправки, но я не могу вспомнить правильный синтаксис, и поиски в Google до сих пор привели меня к длинным путям создания файлов .php, которые не отвечают на то, что чувствует простое решение решит.

В настоящее время я добавил функцию в соответствии с существующим кодом для отправки, но я не уверен, что это правильно. Приведенный ниже код указан в контактной форме, которую использует страница. 

[submit id:submit class:btn class:btn-primary gtag_report_conversion() "Send"]

Ниже приведен код, который я поместил в сниппет, за вычетом полного адреса «отправить на» AW: 

<script>
function gtag_report_conversion(url) {
  var callback = function () {
    if (typeof(url) != 'undefined') {
      window.location = url;
    }
  };
  gtag('event', 'conversion', {
      'send_to': 'AW-.....',
      'event_callback': callback
  });
  return false;
}
</script>

1 Ответ

0 голосов
/ 30 августа 2018

В зависимости от того, как этот шорткод был реализован, есть вероятность, что вы не сможете просто добавить к нему встроенные обработчики событий - и без просмотра исходного кода это сложно определить (но я бы поспорил, что это, скорее всего, так) .

Просто добавьте это по старинке с помощью обработчика событий onclick или onsubmit. Я бы порекомендовал onsubmit, поскольку формы можно отправлять без нажатия кнопки.

Поскольку вы уже загрузили свой скрипт, вы можете просто добавить к нему: 

<script>
    function gtag_report_conversion(url){
        var callback = function () {
            if (typeof(url) != 'undefined') {
                window.location = url;
            }
        };
        gtag('event', 'conversion', {
                'send_to': 'AW-.....',
                'event_callback': callback
        });
        return false;
    }

    document.getElementById("your-form-id").onsubmit = function(){
        gtag_report_conversion();
    };
</script>

Просто замените your-form-id на id вашего <form> элемента (не вашей кнопки отправки).

...