如何在Google Analytics中跟踪#个Ajax链接?
我有基本的单页网站和普通的谷歌分析代码:
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-##-##']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
然而,我的链接像书签 - 他们基本上滑动了单个页面。 点击时我的链接基本上是页面,但在同一个模板中 - 他们滑动以揭示内容元素。
<a href="#section-3">about us</a>
有没有办法更新Google Analytics跟踪器或以某种方式跟踪链接? 所以在Google Analytics中,我会看到人们在网页上花费了很多时间
为此使用jQuery。
让Google Analytics头脑清醒,注意清晰的代码:
<script>
var _gaq = [['_setAccount', 'UA-XXXXX-X'], ['_trackPageview']];
(function(d, t) {
var g = d.createElement(t),
s = d.getElementsByTagName(t)[0];
g.src = '//www.google-analytics.com/ga.js';
s.parentNode.insertBefore(g, s);
}(document, 'script'));
</script>
现在将其放置在您的页脚中,其中#main-navigation是UL> LI菜单列表的示例。 它会跟踪所有这些页面。
jQuery(function($){
$("#main-navigation a[href*='#']").on("click", function(){
var $url = $(this)
_gaq.push(['_trackPageview', $url.attr('href')]);
console.log('_trackPageview', $url.attr('href'));
});
});
另请注意; 我的代码使用协议和更干净的JavaScript速度高达2000倍。 http://jsperf.com/protocol-check-vs-hardcoded-string参考http://mathiasbynens.be/notes/async-analytics-snippet
尝试这个。 在HEAD的地方:
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-##-##']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
在FOOTER或任何其他地方 - 这:
jQuery(function($){
$("a[href*='#']").on("click", function(){
var $url = $(this);
_gaq.push(['_trackEvent', 'ajaxLink', $url.text(), $url.attr('href')]);
console.log('_trackEvent', $url.text(), $url.attr('href'));
});
});
HTML应该是#Id引用链接。 如:
<a href="#home-page">Home</a>
<br />
<a href="#about-us-page">About Us</a>
我用它来学习它。
UPD:这里是例子:http://jsfiddle.net/K2PcL/
谢谢。
您应该能够将页面跟踪添加到onclick事件。 尝试将链接更改为如下所示:
<a href="#section-3" onclick="_gaq.push(['_trackPageview', '/AboutUs']);”>about us</a>
链接地址: http://www.djcxy.com/p/71677.html