jquery - Google Analytics - 单页网站 - 点击跟踪

Question

相关网站是 http://getstefan.com

它是一个单页组合网站，我尝试使用 jQuery 将 Google Analytics 点击跟踪添加到网站上的每个 anchor 标记，希望跟踪人们点击的位置。有一个脚本可以为页面上的每个 anchor 添加唯一的 ID，因此我设置了一个超时，以确保在分配 ID 后放置 Google Analytics 点击跟踪。就像这样:

jQuery(window).load(function(){
        setTimeout(loadOnClick,8000)
    });

    function loadOnClick() {
        jQuery('a').each(function(){
            jQuery(this).attr("onclick", "_gaq.push(['_trackEvent', 'anchor', 'click', '" + jQuery(this).attr('id') + "']);" );
        });
    }

这会导致建立像这样的链接:

<a href="http://getstefan.com/wp-content/themes/inc v2/downloads/CV-StefanHinck-FR.pdf" id="cv" onclick="_gaq.push(['_trackEvent', 'anchor', 'click', 'cv']);"></a>

一切看起来都不错。问题是，当我查看分析时，唯一注册的点击被标记为“无标题”

有人知道我在这里做错了什么吗？

Answer 1

第一您的 anchor 没有分配 ID，因此代码正在执行应将“未定义”报告为不存在的值的操作。例如

<a class="entry-link" href="http://getstefan.com/portfolio/interior-design-logo/"></a>

第二，不要使用计时器。

jQuery(window).load(function(){
        setTimeout(loadOnClick,8000)
    });

应替换为

jQuery(document).ready(function(){
        loadOnClick();
    });

因此您不必等待 8 秒，只需在 DOM 准备就绪时即可分配所有内容。