CODEWITHSUNDEEP
jquery-mobileasynchronousgoogle-analytics
jukooz
jukooz

Reputation: 85

jQuery mobile and Google Analytics - single-page template

I didn't find an answer to my question anywhere and I know nothing about javascript, so I can't figure it out myself.

If I have jQuery mobile website built so that every single page is in separate html file (single page template). May I use standard asynchronous Google Analytics code with it, or do I have to make modifications similar to those used in multi page template?

Would be very thankful if someone could answer this question.

Upvotes: 2

Views: 628

Answers (1)

adamdehaven
adamdehaven

Reputation: 5920

Yes, you can use the standard Google Analytics code. You will however, need to "push" certain page views to Google Analytics because of the way jQuery Mobile handles page navigation.

For example, if you have a Contact form on your site at contact.html that, once submitted, goes to a process.php page, and then after completing, the user arrives at thank-you.html, you will need to call some JavaScript to "push" the pageview to Google Analytics.

For example, if your jQuery Mobile page element (data-role="page") has id="thank-you", then I'd use this:

<script type="text/javascript">
$(document).delegate('#thank-you', 'pageshow', function () {
    //Your code for each thank you page load here
    _gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
    _gaq.push(['_trackPageview', '/thank-you.html']);

});
</script>

UPDATE:

I would put this in your script.js file which is included in the head after you load jQuery and jQuery Mobile. This fires on each data-role="page" pageshow event, and is currently working on my live projects just fine.

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

        hash = location.hash;

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

    } catch(err) {

    }

});

Upvotes: 4

Related Questions