1

当 ajax 请求成功完成时，执行 google tracking javascript 的最佳方式是什么？

ajax 请求：

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

谷歌广告代码：

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

或者我可以在成功回调中附加 <img height="1" width="1" style="border-style:none;" alt="" src="http://www.googleadservices.com/"/>到页面吗？

4

2 回答 2

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/"/>');
        }
    }
});
于 2012-07-05T09:36:38.233 回答
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 请求返回成功响应之前，不会识别任何 Google 特定代码。

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

于 2012-07-02T15:42:43.940 回答