如何在提交按钮上使用ajax实现Google Adwords"转换像素"(没有"谢谢"页面)

Question

我想实现一个adwords"转换像素"脚本 - 这是脚本:

<!-- Google Code for General_Lead Conversion Page -->
<script type="text/javascript">
/* <![CDATA[ */
var google_conversion_id = 000;
var google_conversion_language = "en";
var google_conversion_format = "3";
var google_conversion_color = "ffffff";
var google_conversion_label = "hahaha";
var google_remarketing_only = false;
/* ]]> */
</script>
<script type="text/javascript" src="//www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="//www.googleadservices.com/pagead/conversion/975247275153/?label=IiuoCNO17lcQgZ2P0QM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

在我的网站上的联系表格,不会导致"谢谢"页面.这是我的提交表单代码.(验证不是100%完成的:P)

// Send button for the "contact form".
$('#sendBtn').click(function(){
    //get info 
    var fullname = $("#fullname").val();
    var email = $("#email").val();
    var text = $("#text").val();
    //send info to php 
    $.ajax({
        beforeSend: function() {
            if ( IsEmail(email) == false) {
                $('#aboutUnsuccess').show("slow");
                $('#contactform').hide("slow");
            }
        },
        url: 'http://www.example.com/contact.php', 
        type: "POST", 
        data: ({ "fullname": fullname, "email": email, "text": text }), 
        success: function (results){
            if ( IsEmail(email) == true) {
                //hide table 
                $('#contactform').hide('slow', function() {
                    $('#contactform').hide( "slow" );
                  });
                //show textboxes
                $('#aboutSuccess').show("slow");
            }
        }
    }); 


});

我尝试使用.append,我发现它在谷歌后不起作用.

并尝试按照这篇文章:如何跟踪谷歌Adwords转换onclick？ - 哪个也行不通

Answer 1

Google支持异步转换:

https://developers.google.com/adwords-remarketing-tag/asynchronous/

在html文件中加载此脚本:

<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion_async.js" charset="utf-8"></script>

然后google_trackConversion在用户单击按钮时调用该函数:

window.google_trackConversion({
    google_conversion_id: 1234,
    google_remarketing_only: true,
    // ...
});

Answer 2

在提交按钮上使用Ajax 100%使用Google转化跟踪概念:

 $.ajax({
        type: "POST",
        url: "enquiry-submit.php",
        data: data,
        success: function (result) {
          $("#msg").fadeIn(400).html(result);

          /* Conversion Tracking Start */
          var google_conversion_id = YOUR_CONVERSION_ID_HERE;
          var google_conversion_language = "en";
          var google_conversion_format = "3";
          var google_conversion_color = "ffffff";
          var google_conversion_label = "YOUR_CONVERSION_LABEL_HERE";
          var google_remarketing_only = false;

          $.getScript('//www.googleadservices.com/pagead/conversion.js');

          var image = new Image(1, 1); 
          image.src = "//www.googleadservices.com/pagead/conversion/YOUR_CONVERSION_ID_HERE/?label=YOUR_CONVERSION_LABEL_HERE&guid=ON&script=0";  
          /* Conversion Tracking End */
        }
      });

它正在开展我的Google广告系列.

注意:您必须通过点击广告来尝试或测试此广告.您的Google AdWords控制台会在15分钟后显示转换效果