2014-11-26 9 views
19

Voglio realizzare un account AdWords "conversione pixel" sceneggiatura - Questo è lo script:Come implementare un Google Adwords "conversione pixel" utilizzando AJAX su un pulsante di invio (non "grazie" pagina)

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

a un modulo di contatto sul mio sito web che non porta a una pagina di ringraziamento. Questo è il mio codice modulo di invio. (La convalida non è al 100% fatto: 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"); 
      } 
     } 
    }); 


}); 

Ho provato ad utilizzare .Append che ho scoperto che non funziona dopo googleing.

e ha cercato di seguire questo post: How to track a Google Adwords conversion onclick? - che non ha funzionato troppo

risposta

36

Google supporta la conversione asincroni:

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

Load questo script nel file HTML:

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

E quindi chiamare la funzione google_trackConversion quando l'utente fa clic sul pulsante:

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

Non trovato durante la ricerca! : O Questo va subito dopo 'success: function (results) {' ? –

+1

se vuoi effettuare la conversione quando la chiamata AJAX è completata, inseriscila nella callback di successo (subito dopo 'success: function (...) {') – andlrc

+0

Grazie, Non c'è alcun riferimento al parametro "google_conversion_label" . Questo dovrebbe interessarmi? –

6

100% di lavoro concetto di monitoraggio delle conversioni di Google utilizzando Ajax su un pulsante di invio:

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

Si sta lavorando sul mio Google Ads Campagna.

Nota: è necessario provare o testare questo facendo clic sul tuo annuncio. L'effetto della conversione sarà visibile dopo 15 minuti sulla tua Console AdWords di Google

+1

Grazie mille, questo mi ha salvato la giornata – Pavel

0
$.ajax({ 
    dataType: "script", 
    cache: true, 
    url: 'https://www.googleadservices.com/pagead/conversion_async.js' 
}).done(function() { 
    isInitialized = true; 
}); 

google_trackConversion({ 
    google_conversion_id: 12345, 
    google_conversion_language: "en", 
    google_conversion_format: "3", 
    google_conversion_color: "ffffff", 
    google_conversion_label: "label", 
    google_conversion_value: 0, 
    google_remarketing_only: false 
}); 
Problemi correlati