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

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

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

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

下面是我放入Snippet的代码,去掉完整的“发送到”AW地址:

  1. <script>
  2. function gtag_report_conversion(url) {
  3. var callback = function () {
  4. if (typeof(url) != 'undefined') {
  5. window.location = url;
  6. }
  7. };
  8. gtag('event', 'conversion', {
  9. 'send_to': 'AW-.....',
  10. 'event_callback': callback
  11. });
  12. return false;
  13. }
  14. </script>
6yt4nkrj

6yt4nkrj1#

根据短代码的实现方式,很可能您不能像这样向其中添加内联事件处理程序--如果不查看源代码,很难确定(但我敢打赌,情况很可能是这样)。
只需使用onclickonsubmit事件处理程序以传统方式添加此控件即可。我推荐使用onsubmit,因为无需单击按钮即可提交表单。
由于您已经在脚本中加载了内容,因此只需向脚本中添加以下内容即可:

  1. <script>
  2. function gtag_report_conversion(url){
  3. var callback = function () {
  4. if (typeof(url) != 'undefined') {
  5. window.location = url;
  6. }
  7. };
  8. gtag('event', 'conversion', {
  9. 'send_to': 'AW-.....',
  10. 'event_callback': callback
  11. });
  12. return false;
  13. }
  14. document.getElementById("your-form-id").onsubmit = function(){
  15. gtag_report_conversion();
  16. };
  17. </script>

只需将your-form-id替换为<form>元素(不是提交按钮)的id

展开查看全部

相关问题