表单发送上的 Google AdWords 转化跟踪

Posted 2023-03-08

【中文标题】表单发送上的 Google AdWords 转化跟踪

【英文标题】：Google AdWords Conversion Tracking on a form send

【发布时间】：2015-10-13 14:57:15

【问题描述】：

美好的一天， 我正在尝试为我的网站配置 AdWords 转换代码，但在 Google 文档中找不到任何我要查找的信息。最后，我想在表单的提交输入上跟踪 onClick 事件。

我想知道我应该在我的 onClick 事件中包含什么，因为发送按钮不会指向另一个页面，而是会加载 AJAX？

我的 AdWords 跟踪代码是：

<script type="text/javascript">
   /* <![CDATA[ */
	   goog_snippet_vars = function() 
	     var w = window;
	     w.google_conversion_id = 12345678;
	     w.google_conversion_label = "abcDeFGHIJklmN0PQ";
	     w.google_remarketing_only = false;
	   
	   // DO NOT CHANGE THE CODE BELOW.
	   goog_report_conversion = function(url) 
	     goog_snippet_vars();
	     window.google_conversion_format = "3";
	     window.google_is_call = true;
	     var opt = new Object();
	     opt.onload_callback = function() 
	     if (typeof(url) != 'undefined') 
	       window.location = url;
	     
	   
	   var conv_handler = window['google_trackConversion'];
	   if (typeof(conv_handler) == 'function') 
	     conv_handler(opt);
	   
	
   /* ]]> */
</script>
<script type="text/javascript"
    src="//www.googleadservices.com/pagead/conversion_async.js">
</script>

【参考方案1】：

最终，我希望仅在成功发送表单时才保存转换（在 Javascript 验证之后）。我无法使用按钮上的 onClick，因为即使由于字段中的值无效而未提交表单，它也会保存转换。

最简单的方法是在 jQuery 中添加：

$('#contactform').submit(function(e)
    if( $( this ).valid() ) 
        goog_report_conversion ('http://example.com/your-link') // Change for your page link.
        alert("Conversion!"); // Confirmation that the conversion has been sent. Remove after testing. 
    
);

【参考方案2】：

我想为时已晚，但对于后代而言。 AdWords 有一种内置方法可以执行此操作。 它被描述为in this article。

简而言之，您需要更改 AdWords 中的设置，它会生成异步标记，您可以使用 DOM 加载该标记，并使用 onClick 处理程序激活。

---

例子：

<a onclick="goog_report_conversion ('http://example.com/your-link')"
href="http://example.com/your-link">Download now!</a>

【参考方案3】：

你可以加载noscript版本的de。

因此，在您的 onClick 事件中，将 img 附加到页面上的某个元素，它会加载它并计算转换。