javascript - 使用外部目标跟踪表单上的 Google AdWords 转化

Question

如何在用户注册时事通讯时运行此跟踪代码？

<script type="text/javascript">
    var google_conversion_id = xxxxxx;
    var google_conversion_language = "en";
    var google_conversion_format = "3";
    var google_conversion_color = "ffffff";
    var google_conversion_label = "xxxxxx";
    var google_conversion_value = Newsletter Signup;
</script>

<script type="text/javascript" src="http://www.googleadservices.com/pagead/conversion.js">

时事通讯注册通过此表单进行，该表单以外部链接为目标。这是表单源:

<form action="http://restaurant.us1.list-manage1.com/subscribe/post?u=xxx;id=xxx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank">
    <input type="email" value="" name="EMAIL" id="mce-EMAIL">
    <input id="addnwl" class="iblock smallbutton LR mt15 p3 pl10 pr10 nohover" type="submit" value="Aboneaza-te" name="subscribe" id="mc-embedded-subscribe">
</form>

这可能吗？

Answer 1

由于您的表单转到外部网站(您可能无法在其中放置跟踪代码)，您需要在他们离开网站之前或在他们从第 3 方网站返回后(如果他们是一定要这样做 - 情况并非总是如此)。

要在访问者离开您的网站之前注册转换，请构建一个与 AdWords 转换代码的 noscript 部分中的 img 标记相匹配的图像。您可以使用 javascript 通过使用正确的来源创建图像并在转到外部页面之前设置延迟(将 CONVERSIONID 和 CONVERSIONLABEL 替换为实际值)来执行此操作:

<script>
 function trackAdWordsConversion(formID) { 
   try { 
     var adwordsPixel = new Image;
     var pixelSrc = "http://www.googleadservices.com/pagead/conversion/CONVERSIONID/?value=0&amp;label=CONVERSIONLABEL&amp;guid=ON&amp;script=0";
     adwordsPixel.src = pixelSrc;
    } catch(err){}

   var form = document.getElementById(formID);
   setTimeout(function() {
     form.submit();
   }, 100);
 }
</script>

只需设置 src 属性就足以将请求发送到 Google 的服务器，这是您需要发生的事情。我认为您可以摆脱 setTimeout，因为您的表单以新选项卡为目标。现在我们有了这个函数，将它用作表单提交按钮的 onclick 属性。我将类型更改为“按钮”而不是“提交”以消除冗余。

<form action="http://restaurant.us1.list-manage1.com/subscribe/post?u=xxx;id=xxx" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank">
  <input type="email" value="" name="EMAIL" id="mce-EMAIL">
  <input id="addnwl" class="iblock smallbutton LR mt15 p3 pl10 pr10 nohover" type="button" value="Aboneaza-te" name="subscribe" id="mc-embedded-subscribe" onclick="trackAdWordsConversion('mc-embedded-subscribe-form');">
</form>