2012-07-02 68 views
1

ajax请求成功完成后,执行Google跟踪javascript的最佳方式是什么?ajax请求后执行Google AdWords转换跟踪代码

Ajax请求:

$('#form').ajaxSubmit({ 
    url:'process.php', 
    success:function(response) { 
     if(response == 'success') 
     { 
      // trigger analytics code 
     } 
    } 
}); 

谷歌的Adwords代码:

<script type="text/javascript"> 
/* <![CDATA[ */ 
var google_conversion_id = xxxxxxx; 
/* ]]> */ 
</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/"/> 
</div> 
</noscript> 

我会需要在分析代码添加到一个单独的js文件,然后使用http://api.jquery.com/jQuery.getScript/

或者我可以只是append<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/"/>到成功回调的页面?

+2

这不是谷歌Analytics跟踪代码,但谷歌AdWords转换跟踪代码。 此处显示的内嵌图像URL替代方法被截断,您需要使用完整路径,并且使用该URL将是一个可行的解决方案(在JS中创建新图像并从此URL中定义其源) –

回答

2

最终我发现下面的只是附加的IMG是最简单的解决方案:

$('#form').ajaxSubmit({ 
    url:'process.php', 
    success:function(response) { 
     if(response == 'success') 
     { 
      // trigger adwords code 
      $('#holder').append('<img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/"/>'); 
     } 
    } 
}); 
1

有几种方法可以做到这一点。可能最简单的方法是将所有Google Analytics代码包含在其自己的div中,然后使用AJAX请求的成功条件加载图像和脚本源。这里有一个例子:

<div id="GAcode"> 
    <script type="text/javascript"> 
    /* <![CDATA[ */ 
     var google_conversion_id = xxxxxxx; 
    /* ]]> */ 
    </script> 
    <script id="conversionScript" type="text/javascript" src=""> 
    </script> 
    <noscript> 
    <div style="display:inline;"> 
    <img height="1" width="1" style="border-style:none;" alt="" src=""/> 
    </div> 
</div> 
<script type="text/javascript"> 
    $('#form').ajaxSubmit({ 
     url:'process.php', 
     success:function(response) { 
      if(response == 'success') 
      { 
       $("#conversionScript").src("http://www.googleadservices.com/pagead/conversion.js"); 
       $("#GACode img").src("http://www.googleadservices.com/"); 
      } 
     } 
    }); 
</script> 

这样做将确保没有谷歌特定代码将被认可,直到你的AJAX请求返回的成功响应。

编辑删除图像的来源。忘了这么做,对不起。

+0

因此只需添加图像在成功回调不起作用,我也需要conversion.js? – xylar

+0

对不起3年后发表评论:)与图像有什么关系?我真的不明白那部分.. – Rahul

相关问题