如何将Google Analytics集成到jQueryMobile网站中

时间:2012-01-13 09:46:57

标签: javascript html jquery-mobile google-analytics

jQueryMobile会像每个网站一样加载其第一页。通常的Google Analytics集成工作 - 跟踪请求。但是后续页面是异步加载的,并且不会跟踪用户点击。

如何将Google Analytics整合到jQueryMobile网站中,以便跟踪所有网页点击次数?

3 个答案:

答案 0 :(得分:15)

Jon Gales写了一篇很棒的文章。

http://www.jongales.com/blog/2011/01/10/google-analytics-and-jquery-mobile/

以下是他推荐使用的代码:

$('[data-role=page]').live('pageshow', function (event, ui) {
    try {
        _gaq.push(['_setAccount', 'YOUR_GA_ID']);

        hash = location.hash;

        if (hash) {
            _gaq.push(['_trackPageview', hash.substr(1)]);
        } else {
            _gaq.push(['_trackPageview']);
        }
    } catch(err) {

    }

});

<强>更新

由于live现已弃用,因此如果您使用的是jQuery 1.7+,则应使用on事件。 http://api.jquery.com/on/

答案 1 :(得分:4)

对于那些遇到Phonegap和谷歌分析问题的人:

Google代码使用Cookie,但它不适用于file:// urls,这是Phonegap使用的内容。 Pokki团队使用localStorage代替cookie来a good implementation。 我在github上做了一个fork以消除pokki的需要,所以这里有一个与phonegap一起作为独立库的解决方案

https://github.com/ggendre/GALocalStorage

希望这能帮助别人:)

答案 2 :(得分:0)