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

hmtdttj4  于 2022-11-22  发布在  WordPress
关注(0)|答案(1)|浏览(158)

我需要一个谷歌AdWords转换脚本的工作,每当有人提交一个免费报价的形式。谷歌提供了脚本,我把它与WordPress的片段,并激活它的网站。
我现在需要在按下提交按钮时调用该函数,但我记不起正确的语法,而且到目前为止,谷歌搜索已经把我带到了.php文件创建的长路径上,这些文件没有回答感觉像是一个简单的解决方案所能解决的问题。
目前我已经添加了与现有提交代码一致的函数,但我不确信这是正确的。下面的代码在页面使用的联系人表单上。

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

下面是我放入Snippet的代码,去掉完整的“发送到”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>
6yt4nkrj

6yt4nkrj1#

根据短代码的实现方式,很可能您不能像这样向其中添加内联事件处理程序--如果不查看源代码,很难确定(但我敢打赌,情况很可能是这样)。
只需使用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替换为<form>元素(不是提交按钮)的id

相关问题