Question

成功完成ajax请求后，执行Google跟踪javascript的最佳方法是什么？

ajax请求：

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

Google 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/"/>到成功回调的页面吗？

Answer 1

最后我发现只是将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/"/>');
        }
    }
});

Answer 2

有几种方法可以做到这一点。可能最简单的方法是在其自己的div中包含所有Google Analytics代码，然后使用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特定代码。

已编辑以删除图像的来源。忘记这样做了，抱歉。

在ajax请求后执行Google AdWords转换跟踪代码

2 个答案: