12 回答

• 5

  如果您使用getScript方法在设置所需变量后轮询转换跟踪脚本？

  这是我通常做的，一旦我从我的AJAX调用中收到 success response .

  var google_conversion_id = <Your ID Here>;
  var google_conversion_language = "en";
  var google_conversion_format = "3";
  var google_conversion_color = "ffffff";
  var google_conversion_label = "<Your Label here>";
  var google_conversion_value = 0;
  if (100) {
      google_conversion_value = <Your value here if any>;
  }
  $jQ.getScript( "http://www.googleadservices.com/pagead/conversion.js" );
  

  这对我来说很好 . 如果你想要一个更详细的例子：

  $.ajax({
      async:      true,
      type:       "POST",
      dataType:   "json",
      url:        <Your URL>,
      data:       _data,
      success:    function( json ) {
  
              // Do something
              // ...
  
              // Track conversion
              var google_conversion_id = <Your ID Here>;
              var google_conversion_language = "en";
              var google_conversion_format = "3";
              var google_conversion_color = "ffffff";
              var google_conversion_label = "<Your Label here>";
              var google_conversion_value = 0;
              if (100) {
                  google_conversion_value = <Your value here if any>;
              }
              $.getScript( "http://www.googleadservices.com/pagead/conversion.js" );
  
          } // success
  });
  

  如果您使用其他库，如Mootools或Prototype，我相信他们有类似的内置方法 . 这种AFAIK是最干净的方法之一 .

  回复于 2024-05-03T10:19:41+08:00
• 0

  现在可以方便地使用 http://www.googleadservices.com/pagead/conversion_async.js 上的异步标记来公开 window.google_trackConversion 函数 .

  此功能可以随时使用 . 例如，在提交表单之后，就像你的情况一样 .

  请参阅https://developers.google.com/adwords-remarketing-tag/asynchronous/

  ---

  更新2018年

  情况发生了变化，现在gtag.js似乎有更多选择：https://developers.google.com/adwords-remarketing-tag/

  回复于 2024-05-03T10:19:41+08:00
• 52

  这个简单的代码对我有用（$ .getScript版本没有） .

  var image = new Image(1,1);
  image.src = 'http://www.googleadservices.com/pagead/conversion/' + id + '/?label=' + label + ' &guid=ON&script=0';
  

  回复于 2024-05-03T10:19:41+08:00
• 1

  //这为jQuery负责 . 代码可以很容易地适应其他JavaScript库：

  function googleTrackingPixel() {
              // set google variables as globals
              window.google_conversion_id = 1117861175
              window.google_conversion_language = "en"
              window.google_conversion_format = "3"
              window.google_conversion_color = "ffffff"
              window.google_conversion_label = "Ll49CJnRpgUQ9-at5QM"
              window.google_conversion_value = 0
  
              var oldDocWrite = document.write // save old doc write
  
              document.write = function(node){ // change doc write to be friendlier, temporary
                  $("body").append(node)
              }
  
              $.getScript("http://www.googleadservices.com/pagead/conversion.js", function() {
  
                  setTimeout(function() { // let the above script run, then replace doc.write
                      document.write = oldDocWrite
                  }, 100)
  
              })
          }
  

  //你可以在你的脚本中调用它，就像这样：

  $("button").click( function() {
     googleTrackingPixel()
  })
  

  回复于 2024-05-03T10:19:41+08:00
• 1

  在您的Adwords帐户中 - 如果您将转化跟踪事件更改为“点击”而不是“页面加载”，它将为您提供创建功能的代码 . 它会创建一个这样的代码段：

  <!-- Google Code for Developer Contact Form 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 = <Your ID Here>;
      w.google_conversion_label = "<Your value here if any>";
      w.google_remarketing_only = false;
    }
    // DO NOT CHANGE THE CODE BELOW.
    goog_report_conversion = function(url) {
      goog_snippet_vars();
      window.google_conversion_format = "3";
      window.google_is_call = true;
      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>
  

  然后在你的代码中你只需要调用：

  goog_report_conversion();
  

  或者对于链接或图像点击：

  <a href="" onclick="goog_report_conversion();">click here</a>
  

  回复于 2024-05-03T10:19:41+08:00
• 0

  尝试了一切后，Funka提供的链接（http://articles.adamwrobel.com/2010/12/23/trigger-adwords-conversion-on-javascript-event）对我有用 . 就像他说覆盖document.write一样可怕，但似乎这是你必须要做的，除非你可以在页面加载之前加载脚本 .

  回复于 2024-05-03T10:19:41+08:00
• 39

  由于脚本使用 document.write 所以需要重写它

  document.write = function(node){ // exactly what document.write should of been doing..
    $("body").append(node);
  }
      window.google_tag_params = {
          prodid: pageId,
          pagetype: pageTypes[pageType] || "",
          value: "234324342"
      };
      window.google_conversion_id = 2324849237;
      window.google_conversion_label = "u38234j32423j432kj4";
      window.google_custom_params = window.google_tag_params;
      window.google_remarketing_only = true;
  
      $.getScript("http://www.googleadservices.com/pagead/conversion.js")
  .done(function() {
        // script is loaded.
      });
  

  见https://gist.github.com/c7a316972128250d278c

  回复于 2024-05-03T10:19:41+08:00
• 0

  如您所见，Google转换代码只会调用重绘 . 我必须确保在重绘页面的一部分时调用它 . （由于目前我无法修复的一些糟糕的网站设计 . ）所以我写了一个函数来调用onClick事件 .

  基本上，你所要做的就是调用doConversion（）;

  以下是我们最终得到的结果：

  // gothelp from from http://www.ewanheming.com/2012/01/web-analytics/website-tracking/adwords-page-event-conversion-tracking
  
      var Goal = function(id, label, value, url) {
      this.id = id;
      this.label = label;
      this.value = value;
      this.url = url;
      };
  
  function trackAdWordsConversion(goal, callback) {
  // Create an image
  var img = document.createElement("img");
  
  // An optional callback function to run follow up processed after the conversion has been tracked
  if(callback && typeof callback === "function") {
      img.onload = callback;
  }
  // Construct the tracking beacon using the goal parameters
  var trackingUrl = "http://www.googleadservices.com/pagead/conversion/"+goal.id;
  trackingUrl += "/?random="+new Date().getMilliseconds();
  trackingUrl += "&value="+goal.value;
  trackingUrl += "&label="+goal.label;
  trackingUrl += "&guid=ON&script=0&url="+encodeURI(goal.url);
  img.src = trackingUrl;
  
  // Add the image to the page 
  document.body.appendChild(img);
  
  // Don't display the image 
  img.style = "display: none;";
      }
  function linkClick(link, goal) {
  try {
      // A function to redirect the user after the conversion event has been sent
      var linkClickCallback = function() {
          window.location = link.href;
      };
  
      // Track the conversion
      trackAdWordsConversion(goal, linkClickCallback);
  
      // Don't keep the user waiting too long in case there are problems
      setTimeout(linkClickCallback, 1000);
  
      // Stop the default link click
      return false;
  } catch(err) {
      // Ensure the user is still redirected if there's an unexpected error in the code
      return true;
  }
  }
  function doConversion() {
  var g = new Goal(YOUR CODE,YOUR_COOKIE,0.0,location.href);
  return linkClick(this,g);
  }
  

  回复于 2024-05-03T10:19:41+08:00
• 1

  我尝试了所有方法手动包含conversion.js，它都加载了脚本，但没有进一步执行我们在脚本中所需的内容，这是一个简单的解决方案 .

  只需将转换代码放在单独的HTML中，然后将其加载到iframe中即可 .

  我发现代码在http://www.benjaminkim.com/这样做似乎运作良好 .

  function ppcconversion() {
  var iframe = document.createElement('iframe');
  iframe.style.width = '0px';
  iframe.style.height = '0px';
  document.body.appendChild(iframe);
  iframe.src = '/track.html'; // put URL to tracking code here.
  };
  

  然后只需在你想要记录的JS中调用ppcconversion（）它 .

  回复于 2024-05-03T10:19:41+08:00
• 1

  我所做的就是返回代码（或者在我们的例子中，一个图像）以及回调中的“success”消息 .

  当提交联系表格或填写并提交注册表格时，我们使用jQuery发布到php脚本，然后向div输出“thank-you”消息：

  “$ first_name，感谢您提供更多信息 . 代表将尽快与您联系 . ”

  ...接下来是Google提供的1x1 gif .

  这是jQuery：

  $.post('script.php',{'first_name':first_name,'last_name':last_name,'email':email,'phone1':phone1,'password':password,},function(data){
  var result=data.split("|");
  if(result[0] ==='success'){
  $('#return').html(result[1] + $result[2]);
  

  和PHP ...

  echo 'success|'.$first_name.', Thanks for requesting more information.
  A representative will contact you shortly.|<img height="1" width="1" alt="" src="http://www.googleadservices.com/pagead/conversion/xxxxxxxx/imp.gif?value=0&amp;label=xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx&amp;script=0"/>';
  

  如果没有被谷歌选中，你可能需要输入“ document.location.reload(); ”

  回复于 2024-05-03T10:19:41+08:00
• 14

  For anyone still looking for a good solution to this, Google supports AJAX Conversions natively now through their Google Analytics API.

  您可以通过在Google Analytics中进行事件API调用来完成此操作 . 您要做的是设置Google Analytics事件，将其与目标联系起来，然后将该目标作为转化导入AdWords . 这是一个漫长的过程，但它是一个干净的解决方案 .

  Check out This Page for a tutorial

  回复于 2024-05-03T10:19:41+08:00
• 4

  这对我有用：

  window.google_trackConversion({
      google_conversion_id: 000000000, 
      conversion_label : "xxxxxxxxxxxx",
      google_remarketing_only: false,
      onload_callback : function(){
          //do something :)
      }
  });
  

  回复于 2024-05-03T10:19:41+08:00