Как реализовать "пиксель конверсии Google Adwords" с помощью ajax на кнопке отправки (страница "спасибо" )
Я хочу реализовать пиксель конверсии adwords script - это 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&guid=ON&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, что выяснил, что он не работает после googleing.
и попытался следить за этим сообщением: Как отслеживать конверсию Google Adwords onclick? - это тоже не сработало
Ответы
Ответ 1
Google поддерживает асинхронные преобразования:
https://developers.google.com/adwords-remarketing-tag/asynchronous/
Загрузите этот script в свой 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,
// ...
});
Ответ 2
100% работающая концепция отслеживания конверсий Google с использованием Ajax на кнопке отправки:
$.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 Ads.
Примечание. Вы должны попробовать или протестировать это, нажав на ваше объявление. Эффект конверсии будет виден через 15 минут в консоли Google AdWords