如何跟踪Google AdWords转换onclick？

69

如果有人点击链接，Google Adwords不会提供任何代码来添加到您的网页中以计算转化。但是，因为它是Javascript，所以我确信有一种方法可以做到这一点。

这是Google提供给您的包含在页面中的代码（未更改），该代码应算作一次转化（大多数情况下是感谢页面）：

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

对于其他转化跟踪脚本，必须执行某些功能才能计算转化次数。在这里，仅将JS-File添加到您的页面就足以触发转换跟踪，因为conversion.js会调用加载后的函数（下载并在通过代码Beatuifier运行后查看它，这确实是非常不错的工作） ！）。

知道如何解决这个问题吗？

javascript  onclick  tracking  google-ads-api 
— 詹皮奥
source
1
也许这可能是有用的：stackoverflow.com/questions/27149647/...
— W.Doch

Answers:

116

不知道您是否已经找到它...我还是为以后的冲浪者提到它...

我一直在寻找相同的东西，发现这段代码： 

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

然后对于要跟踪的链接，只需执行以下操作： 

<a onclick="trackConv(1234567890, 'LQV8CNq6RxCKlPbvAw');" href="http://www.example.com">Link</a>
— 以利
source
不，什么也没找到。看起来不错！
— janpio 2011年
11
您应该删除&script=0部分参数。否则，您可能会向Google发送错误的信号，表示用户未启用JavaScript，这是不正确的。此外，除非您的链接是target=_blank或打开新窗口，否则根本无法使用。发出图像请求之前，您的窗口可能已重定向。正确的方法是取消click事件，并通过location.href和超时触发重定向，类似于在stackoverflow.com/a/19461995/1647538
— hexalys
14
使用此方法时是否还需要conversion.js？
— vsdev 2014年
脚本的其余部分在哪里？
— W.Doch
一个有趣的建议是使用onmousedown和onkeydown代替。stackoverflow.com/a/7932329/1333493
— Nemo
20

看来Google现在提供了一个onclick选项，您可以从AdWords的“转换”页面中复制和粘贴该选项。在AdWords转化页面上：

将标记添加到您网站上的按钮，例如“立即购买”按钮。

这是标题为“将转化作为跟踪您网站上的点击”的文档页面的摘录。将XXXXX替换为转化ID和标签：

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

在代码的其他地方

button.addEventListener('click', function() {
  console.log('Button clicked!');
  goog_report_conversion();
});
— 乔纳森·格雷拉
source
调用goog-report_conversion（）时是否需要传递url？
— 乔
5

在“提交”按钮上使用Ajax的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 */
        }
      });

我100％正在使用我的Google Ads广告系列。

注意：您必须通过点击广告来进行测试。在AdWords控制台上显示12分钟后，转换的效果将可见

— 伊尔沙德·汗（Irshad Khan）
source
4

我有一个类似的问题。

问题：我的客户有一个带有表单的联系页面。用户填写所有表单字段后，将进行验证（以检查用户是否正确填写了所有字段）。验证之后，用户将被重定向到Webmail服务器页面。没有“成功”或“谢谢”页面。因此，我需要在表单验证后放置Adwords标记。

解决方案：

验证是通过以下方式完成的：

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

因此，我添加了以下代码段代码：

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

这样，在表单验证之后和网站将用户重定向到Webmail页面之前，将触发Adwords转换！

— 布鲁诺·布兰德（BrunoBrandão）
source
此代码令人困惑。什么是return false干什么的，当它不是在一个函数？
— Flimm
另外，这很危险。如果无法加载“图片”，则将永远不会提交您的表单。因此，您的表格取决于您对其零控制的外部服务。您是否真的要因为Google问题而取消用户？
— Mats de Swart
2

将以下代码添加到您要跟踪转化的页面部分。

<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";

}

只需将XXX…替换为您的实际转化ID和标签即可。

然后在链接的onclick事件中调用我们在上面创建的adwTrack（）函数：

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

您也可以使用GTM进行此操作：https : //www.redflymarketing.com/blog/track-conversions-without-a-thank-you-page/

— 戴夫·戴维斯（Dave Davis）
source
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.