使用HTML中的“提交”按钮调用函数

时间:2018-08-30 15:49:32

标签: javascript html wordpress function form-submit

每当有人提交免费报价表格时,我都需要一个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 :(得分:0)

取决于短代码的实现方式,您不能只是向其中添加内联事件处理程序-而且没有看到源代码就很难确定(但是我敢打赌,很可能是这种情况)

只需使用onclickonsubmit事件处理程序以老式的方式添加即可。我建议使用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>