제출 버튼("감사합니다" 페이지 없음)에서 아약스를 사용하여 Google Adwords "변환 픽셀"을 구현하는 방법

제출 버튼("감사합니다" 페이지 없음)에서 아약스를 사용하여 Google 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를 사용해보니 구글 검색 후 작동하지 않습니다.

그리고 이 게시물을 따라가기 위해 노력했습니다.클릭 시 Google Adwords 변환을 추적하는 방법은 무엇입니까? - 그것도 작동하지 않았습니다.

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

제출 버튼에서 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 AdWords 콘솔에서 15분 후에 표시됩니다.

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

iframe을 만들고 tanks.message 파일에 애드워드 코드를 넣는 기능

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();
}

그런 다음 tanks.dll 파일을 만들고 이 파일에 애드워드 코드를 넣습니다.

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

참고: 여기서 레이블과 conversion_id는 가짜 값입니다. 직접 입력하십시오.

언급URL : https://stackoverflow.com/questions/27149647/how-to-implement-a-google-adwords-conversion-pixel-using-ajax-on-a-submit-butt