在Google Analytics中跟踪单个页面上的内容部分作为虚拟页面视图

Question

我正在尝试跟踪单页网站的“部分”何时位于视口中，并将其作为虚拟页面视图发送给Google Analytics。

一些注意事项：

• 我不是一个javascript编码器（或任何编码器......）
• 已经调用jquery 1.8
• Google Analytics正在开发网站，跟踪菜单点击次数和页面上的时间等等。
• 这些部分由具有唯一ID的div定义，例如#section-about
• 我现在正在尝试为那些不使用菜单的人捕获跟踪信息 但只需向下滚动页面并查看每个部分
• 我只想捕获一个“页面视图”，如果该部分在视野中的时间比说明的长 2秒。

我发现这看起来让我在那里的一部分，但我不知道如何定制它：

$(function(){
    var tracking_active = '';
    var tracking = {
        'section-approach': '/testing/section-approach',
        'section-about': '/testing/section-about'
    };

    function scrollTrackPageview(){
        var section = '';
        $.each(tracking, function(key, value) {
            section = value;
            if($(window).scrollTop() >= $('.'+key).offset())
                return false;
            return true;
        });

        if(!section || section == tracking_active)
            return false;

        _gaq.push(['_trackPageview', section]);
        //console.log('Bereich: '+section);

        tracking_active = section;
    }

    scrollTrackPageview();
    $(window).on("scroll", scrollTrackPageview);
});

提前感谢您的时间和精力。