单击事件跟踪设置

时间:2012-08-06 22:24:34

标签: jquery google-analytics element analytics tracking

我正在尝试使用Google Analytics(分析)计算网页上某些元素的点击次数。我昨天设置了它,这是我的代码:

在结束</head>标记之前放置(根据说明here),我有:

        <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-33903909-1']);
        _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);
        })();
        </script>
        </head>

我还有一组元素:

                    <div class="block aside" id ="slideAside">
                    <aside>
                        <form class="form">
                            <fieldset id="fs_section_abstract" class="fs section abstract">
                                <label id="fs_abstract_heading" class="fs btn heading abstract">Abstract</label>
                            </fieldset>

                            <fieldset id="fs_section_businessapproach" class="fs section businessapproach">
                                <label id="fs_businessapproach_heading" class="fs btn heading businessapproach">Business Approach</label>
                            </fieldset>

                            <fieldset id="fs_section_workexperience" class="fs section workexperience">
                                <label id="fs_workexperience_heading" class="fs btn heading workexperience">Work Experience</label><br>
                            </fieldset>

                            <fieldset id="fs_section_academic" class="fs section academic">
                                <label id="fs_academic_heading" class="fs btn heading academic">Academic</label>
                            </fieldset>

                            <fieldset id="fs_section_skillstable" class="fs section skillstable">
                                <label id="fs_skillstable_heading" class="fs btn heading skillstable">Skills Table</label><br>
                            </fieldset>

                            <fieldset id="fs_section_community" class="fs section community">
                                <label id="fs_community_heading" class="fs btn heading community">Community</label><br>
                            </fieldset>
                        </form>
                    </aside>
                </div>

并跟踪它们,在下面的脚本中,我有:

    $('.btn').click(function () {
    //FS IDentifier
    if ($(this).hasClass("fs")) {
        //heading
        if ($(this).hasClass("heading")) {
            //track number of times clicked
            _gaq.push(['_trackEvent', 'Heading', 'The ID is' + $(this).attr('id') + '.']);
            _gaq.push(['_trackEvent', 'Heading', 'HEading']);

我已经将GA Analytics设置了近一天,并尝试了上述两个_gaq.push()以及其他几种方法,但没有在“内容”部分的“事件”部分注册在分析页面中。

我误解了什么吗?我的代码不好吗?

我知道这是异步跟踪,但结果是每天更新还是其他一些间隔?如果是每天,您是否需要为同步更新付费?

1 个答案:

答案 0 :(得分:4)

如果您还没有Chrome,请下载并安装Google Analytics Debugger extension

确保您的jquery点击功能已正确编码。您的代码段无效。

在Chrome中查看this fiddle并启用调试器。我在调试器上运行它并跟踪事件。

事件跟踪在3到6个小时内就出现了。谷歌总是说要等24小时才能准确跟踪。但是,要立即检查跟踪,请下载Chrome和GA调试程序。

enter image description here

enter image description here