[英]How to execute Google Adwords conversion tracking without physical thank you page
[英]How to implement a Google Adwords “conversion pixel” using ajax on a submit button (no “thank you” page)
我想實現一個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&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,我發現它在谷歌后不起作用。
並嘗試按照這篇文章: 如何跟蹤谷歌Adwords轉換onclick? - 哪個也行不通
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廣告系列。
注意:您必須通過點擊廣告來嘗試或測試此廣告。 您的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並將adwords代碼放在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();
}
然后創建一個thanks.php文件並將adwords代碼放在此文件中
<!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&currency_code=INR&label=dsfdsf&guid=ON&script=0"/>
</div>
</noscript>
</body>
</html>
注意:這里標簽和conversion_id都是假值,請自備。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.