如何跟踪 Google Adwords 的 onclick 转化？答案

【问题标题】：How to track a Google Adwords conversion onclick?如何跟踪 Google Adwords 的 onclick 转化？
【发布时间】：2011-01-06 03:07:46
【问题描述】：

如果有人点击链接，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 文件添加到您的页面就足以触发转换跟踪，因为 conversion.js 在加载时调用了一个函数（下载它并在通过代码美化器运行它后查看它，这真的是非常好的工作！）。

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

【问题讨论】：

也许这有用：stackoverflow.com/questions/27149647/…

标签： javascript onclick tracking google-ads-api

【解决方案1】：

不知道你是否已经找到它...无论如何我都会为未来的冲浪者提及它...

我一直在寻找相同的，并找到了这段代码：

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

【讨论】：

不，没有找到任何东西。看起来不错！
您应该删除参数中的 &script=0 部分。否则，您可能会向 Google 发送错误的信号，说用户没有启用 javascript，这是不准确的。此外，除非您的链接是target=_blank 或打开一个新窗口，否则这根本不可能工作。在发出图像请求之前，您的窗口可能会被重定向。正确的做法是取消点击事件，并使用 location.href 触发重定向，并超时，类似于stackoverflow.com/a/19461995/1647538 中解释的跟踪事件的方式
使用这个方法的时候还需要conversion.js吗？
脚本的其余部分去哪里了？
一个有趣的建议是改用onmousedown 和onkeydown。 stackoverflow.com/a/7932329/1333493

【解决方案2】：

我也有类似的问题。

问题：我的客户有一个包含表单的联系页面。用户填写所有表单字段后，会进行验证（检查用户是否正确填写了所有字段）。验证后，用户被重定向到 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

所以我添加了这个 sn-p 代码：

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 转换！

【讨论】：

这段代码很混乱。 return false 不在函数中时在做什么？
另外，这很危险。如果“图像”无法加载，您的表单将永远不会被提交。因此，您的表单依赖于您对其零控制的外部服务。您真的希望用户因为 Google 遇到问题而取消吗？

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

Google 现在似乎提供了一个点击选项，您可以从 AdWords 的“转化”页面复制和粘贴该选项。从 AdWords 转化页面：

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

这是来自标题为 Track clicks on your website as conversions 的文档页面的 sn-p。将 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();
});

【讨论】：

调用goog-report_conversion()时需要传递url吗？
我们如何获得转化id？

【解决方案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 */
        }
      });

我的 Google Ads 广告活动 100% 有效。

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

【讨论】：