How to implement the "Google Conversion Pixel" using ajax on the submit button (thank you page)

Question

I want to implement a conversion pixel adwords script - this is a script:

<!-- 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> 

into the contact form on my website, which does not lead to a thank you page. This is my submit form code. (Testing is not 100% complete: 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"); } } }); }); 

I tried using .append, which I found out that it does not work after googleing.

and tried to follow this post: How to track Google Adwords onclick conversion? - that didn't work either

Answer 1

Google supports asynchronous conversions:

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

Download this script in your html file:

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

And then call the google_trackConversion function when the user clicks the button:

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

Answer 2

Google’s 100% working conversion tracking concept using Ajax on the submit button:

  $.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 */ } }); 

He is working on my Google Ads campaign.

Note. You should try or test this by clicking on your ad. The conversion effect will be visible after 15 minutes in the Google AdWords console