为了使它们都能正常运行，我必须在哪里放置Google Analytics（分析）代码和Event Tracking（事件跟踪）代码？

Question

1）我的Google Analytics（分析）跟踪代码放置在HEAD中，事件跟踪代码放置在BODY END TAG之前。

在此版本中，点击被正确跟踪，但是链接指向一个/ undefined页面。

2）当我将两个脚本都放在HEAD中时，链接有效，但是没有跟踪任何事件。

问题）实现这两个代码的正确方法是什么？

INFO）这是我的Google Analytics（分析）跟踪代码

<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-XXXXXXX-X']); _gaq.push(['_setDomainName', 'xxxx.xx']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'stats.g.doubleclick.net/dc.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>

这是我的Google事件跟踪代码

<script>
$( '#lp-pom-image-xxx' ).click( function(event) {

event.preventDefault();
var buttonLink = $(this).attr("href");

var callbackFunction = function(){
window.location = buttonLink;
}

if(window._gat){
_gaq.push(['_set','hitCallback',callbackFunction]);
_gaq.push(['_trackEvent', 'x', 'y', 'z']);
} else {
callbackFunction(); 
}
});
</script>

Answer 1

不知道为什么第一个不起作用。

第二个不起作用，因为您的脚本不在dom准备就绪的处理程序内，因此当执行事件注册代码时，目标元素未加载到dom中，这导致处理程序未添加到目标元素。

因此，将脚本添加到dom准备就绪的处理程序中

jQuery(function ($) {
    $('#lp-pom-image-xxx').click(function (event) {

        event.preventDefault();
        var buttonLink = $(this).attr("href");

        var callbackFunction = function () {
            window.location = buttonLink;
        }

        if (window._gat) {
            _gaq.push(['_set', 'hitCallback', callbackFunction]);
            _gaq.push(['_trackEvent', 'x', 'y', 'z']);
        } else {
            callbackFunction();
        }
    });
})