it-swarm.com.de

So implementieren Sie ein Google Adwords "Conversion-Pixel" mit ajax auf einer Senden-Schaltfläche (keine "Danke" -Seite)

Ich möchte ein AdWords-Skript "Conversion-Pixel" implementieren. Dies ist das Skript: 

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

zu einem Kontaktformular auf meiner Website, das nicht zu einer Dankeseite führt. Dies ist mein Formularcode. (Die Validierung ist nicht zu 100% abgeschlossen: 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");
            }
        }
    }); 


});

Ich habe versucht, .append zu verwenden, dass ich herausfand, dass es nach dem Googeln nicht funktioniert. 

und habe versucht, diesem Beitrag zu folgen: Wie kann ich eine Google Adwords-Conversion bei Klick verfolgen? - was auch nicht funktioniert hat

21
Rick Sanchez

Google unterstützt asynchrone Konvertierungen:

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

Laden Sie dieses Skript in Ihre HTML-Datei:

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

Rufen Sie dann die Funktion google_trackConversion auf, wenn Ihr Benutzer auf die Schaltfläche klickt: 

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

100% funktionierendes Conversion-Tracking-Konzept von Google mit Ajax als Schaltfläche zum Senden

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

Es funktioniert an meiner Google-Anzeigenkampagne.

Hinweis: Sie müssen dies versuchen oder testen, indem Sie auf Ihre Anzeige klicken. Der Effekt der Conversion wird nach 15 Minuten in Ihrer Google AdWords Console sichtbar.  

6
Irshad Khan
 $.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
});
0
ViES

funktion zum Erstellen von iframe und zum Einfügen von AdWords-Code in die Datei thanks.php

function conversionTracker()  {
                var  iframe = document.createElement('iframe');
                iframe.style.width = '0px';
                iframe.style.height = '0px';
                document.body.appendChild(iframe);
                iframe.src = 'thanks.php'; //Make sure path is correct! (update with bloginfo var for nebula)
            };
call conversionTracker() in ajax success function
....
success: function(response){
conversionTracker();
}

erstellen Sie dann eine Thanks.php-Datei und fügen Sie AdWords-Code in diese Datei ein 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <title>Thank You</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">

</head>
<body>
    <!-- Google Code for Frachiseglobal Conversion Page -->
    <script type="text/javascript">
    /* <![CDATA[ */
    var google_conversion_id = 1234;
    var google_conversion_language = "en";
    var google_conversion_format = "3";
    var google_conversion_color = "ffffff";
    var google_conversion_label = "dummy";
    var google_conversion_value = 1.00;
    var google_conversion_currency = "INR";
    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/1234/?value=1&amp;currency_code=INR&amp;label=dsfdsf&amp;guid=ON&amp;script=0"/>
    </div>
    </noscript>
</body>
</html>

Hinweis: Hier sind label und conversion_id falsche Werte. Bitte setzen Sie Ihre eigenen.

0
sonofkrish