javascript - 谷歌分析 : track scroll depth in pixels - the simple way

Question

我找到了一个解释如何生成滚动深度报告的网站:here 它使用非常小的代码(通常它们很大):

window.onbeforeunload = scrollExit;
function scrollExit()
{
    bottom = $(window).height() + $(window).scrollTop();
    _gaq.push(['_trackEvent', 'Scroll Depth', 'Pixel Depth', '', bottom]);
}
});

就是这样。但唯一的问题是它不起作用:D 正如我从评论中看到的那样，作者说这不仅仅是简单的复制/粘贴代码，所以我想知道我还需要添加什么才能使其起作用？

顺便说一句，正如作者所说，它应该与 Classic 和 Universal Analytics 一起使用，所以:

_gaq.push(['_trackEvent', 'Scroll Depth', 'Pixel Depth', '', bottom]);

或

ga('send', 'event', 'Scroll Depth', 'Pixel Depth', bottom);

应该都可以

Answer 1

首先，您需要将 jQuery 包含到您的页面中才能正常工作。如果你这样做，你也可以使用 jQuery 的众多滚动深度插件之一(它们之所以庞大，是因为它们处理可能的边缘情况，而“简单代码”通常需要你生活在一个理想的宇宙中才能工作.对于开始卸载事件并不是特别可靠。此外，如果您已经将 jQuery 转储到您的站点中，那么为插件添加更多行不会造成太大的问题，并且您实际上需要自己编写的代码要小得多，通常只需一行即可调用插件)。