web-dev-qa-db-fra.com

Comment suivre une conversion Google Adwords en un clic?

Google Adwords ne propose aucun code à ajouter à votre page pour compter une conversion si quelqu'un clique sur un lien. Mais comme c'est Javascript, je suis sûr qu'il existe un moyen de le faire.

Voici le code (inchangé) que Google vous donne à inclure dans la page, qui devrait compter comme une conversion (la plupart du temps une page de remerciement):

<!-- Google Code for Klick Conversion Page -->
<script type="text/javascript">
<!--
var google_conversion_id = 1062751462;
var google_conversion_language = "de";
var google_conversion_format = "1";
var google_conversion_color = "ffffff";
var google_conversion_label = "dKXuCODvugEQ5pnh-gM";
var google_conversion_value = 0;
//-->
</script>
<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">
</script>
<noscript>
<div style="display:inline;">
<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/pagead/conversion/1062751462/?label=dKXuCODvugEQ5pnh-gM&amp;guid=ON&amp;script=0"/>
</div>
</noscript>

Avec d'autres scripts de suivi des conversions, une fonction doit être exécutée pour compter la conversion. Ici, l'ajout du fichier JS à votre page peut suffire à déclencher le suivi des conversions, car conversion.js appelle une fonction en charge (téléchargez-la et regardez-la après l'avoir exécutée à travers un beatuifier de code, c'est vraiment très sympa de travailler !).

Une idée de comment y faire face?

javascriptonclicktrackinggoogle-adwords
69
janpio

Je ne sais pas si vous l'avez déjà trouvé ... Je le mentionne quand même pour les futurs surfeurs ...

Je cherchais la même chose et j'ai trouvé ce morceau de code:

<script type="text/javascript"> 
    function trackConv(google_conversion_id, google_conversion_label) {
        var image = new Image(1, 1); 
        image.src = "//www.googleadservices.com/pagead/conversion/" + google_conversion_id + "/?label=" + google_conversion_label + "&script=0";  
    }
 </script>

Ensuite, pour les liens que vous souhaitez suivre, procédez comme suit:

<a onclick="trackConv(1234567890, 'LQV8CNq6RxCKlPbvAw');" href="http://www.example.com">Link</a>
115
Eli

Il semble que Google propose désormais une option onclick que vous pouvez copier et coller à partir de la page Conversions dans AdWords. Sur la page Conversions AdWords:

Ajoutez la balise à un bouton de votre site Web, tel qu'un bouton "Acheter maintenant".

Voici un extrait de la page de documentation intitulée Suivez les clics sur votre site Web en tant que conversions . Remplacez XXXXX par l'ID de conversion et le libellé:

<!-- Google Code for Conversion Page
In your html page, add the snippet and call
goog_report_conversion when someone clicks on the
chosen link or button. -->
<script type="text/javascript">
  /* <![CDATA[ */
  goog_snippet_vars = function() {
    var w = window;
    w.google_conversion_id = XXXXXXX;
    w.google_conversion_label = "XXXXXXX";
    w.google_remarketing_only = false;
  }
  // DO NOT CHANGE THE CODE BELOW.
  goog_report_conversion = function(url) {
    goog_snippet_vars();
    window.google_conversion_format = "3";
    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>

Et ailleurs dans votre code

button.addEventListener('click', function() {
  console.log('Button clicked!');
  goog_report_conversion();
});
20
Jonathan Guerrera

Concept de suivi des conversions Google utilisant Ajax sur un bouton d'envoi:

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

Il fonctionne à 100% sur ma campagne Google Ads.

Remarque: vous devez tester cela en cliquant sur votre annonce. L'effet de la conversion sera visible après 12 minutes sur votre console AdWords

5
Irshad Khan

J'ai un problème similaire.

Le problème: mon client a une page de contact qui a un formulaire. Une fois que l'utilisateur a rempli tous les champs du formulaire, il y a une validation (pour vérifier si l'utilisateur a rempli correctement tous les champs). Après la validation, l'utilisateur est redirigé vers la page du serveur de messagerie Web. Il n'y a pas de page "Succès" ou "Merci". J'ai donc dû mettre la balise Adwords, après la validation du formulaire.

La solution:

La validation s'est faite de cette façon:

var missinginfo = "";
var f = document.forms["CONTACT"];
if (f.name.value == ""){
missinginfo += "\n     -  name";}
.
.
.
if (missinginfo != "") 
{
missinginfo ="_____________________________\n" +
"Empty Field" + "incorrectly filled" +
missinginfo + "\n_____________________________"
alert(missinginfo);
return false;
}
//End of Validation

J'ai donc ajouté ce code d'extrait:

else if(missinginfo == ""){   //Check if the form was filled correctly
adw_conv();  //Function Name
return false;
}
function adw_conv(){
var img = new Image()  //Creates an image using JS to make the request
img.src = "http://www.googleadservices.com/pagead/conversion/123456789/?label=-8bcaCNHv6AIQl_v8_QM&amp;guid=ON&amp;script=0"; 
img.onload = function(){    
var form = document.getElementsByName('CONTACT')[0];
form.submit();
}}

De cette façon, après la validation du formulaire et avant que le site Web redirige l'utilisateur vers la page de messagerie Web, la conversion Adwords soit déclenchée!

4
Bruno Brandão

Ajoutez le code ci-dessous à la section de la page sur laquelle vous souhaitez suivre les conversions.

<script>
function adwTrack() {
   var img = new Image(1,1);
   img.src =     "https://www.googleadservices.com/pagead/conversion/XXXXXXXXXX/?value=1.00&amp;currency_code=EUR&amp;label=XXXXXXXXXX&amp;guid=ON&amp;script=0";

}

Remplacez simplement le XXX… par votre identifiant et étiquette de conversion réels.

Appelez ensuite la fonction adwTrack () que nous avons créée ci-dessus dans l'événement onclick de votre lien:

<a href="#" onclick="adwTrack();">Track This</a>

Vous pouvez également le faire en utilisant GTM: https://www.redflymarketing.com/blog/track-conversions-without-a-thank-you-page/

2
Dave Davis