1) 我的Google Analytics跟踪代码放在HEAD中, 事件跟踪代码放在BODY END TAG之前。
在此版本中,可以正确跟踪点击次数,但链接会显示/未定义的页面。
2) 当我将两个脚本放在HEAD中时,链接可以工作,但不会跟踪任何事件。
QUESTION) 实现这两个代码的正确方法是什么?
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>
答案 0 :(得分:0)
不知道为什么第一个不起作用。
第二个不起作用,因为你的脚本不在dom ready处理程序中,所以当你的事件注册代码被执行时,目标元素没有被加载到dom中,这导致处理程序没有被添加到目标元素
所以在dom ready handler
中添加脚本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();
}
});
})