Как интегрировать Google Analytics на сайт jQueryMobile

jQueryMobile загружает первую страницу, как это делает каждый сайт. Обычная интеграция с Google Analytics - отслеживается запрос. Но следующие страницы загружаются асинхронно, а пользовательские клики не отслеживаются.

Как интегрировать Google Analytics на сайт jQueryMobile, чтобы отслеживать все клики по страницам?

Ответы

Ответ 1

Джон Галес написал большую статью об этом.

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 теперь устарел, вы должны использовать событие on вместо этого, если вы используете jQuery 1.7+. http://api.jquery.com/on/

Ответ 2

Для тех, у кого проблемы с Phonegap и Google Analytics:

В коде Google используются файлы cookie, и он не работает с файлом://URL-адреса, которые использует Phonegap. Команда Pokki сделала хорошую реализацию, которая использует localStorage вместо куки файлов. Я сделал вилку на github, чтобы удалить необходимость pokki, так что вот решение, которое работает с телефонной записью как отдельная библиотека

https://github.com/ggendre/GALocalStorage

надеюсь, что это поможет кому-то еще:)