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

Google AdWords Conversion Tracking on a form send

美好的一天, 我正在尝试为我的网站配置 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>

可以加载noscript版本的de。

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

估计为时已晚,但为了子孙后代。 AdWords 有一种 built-in 方法可以做到这一点。 它被描述为 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>

最终,我希望只有在成功发送表单后(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. 
    }
});