Google Analytics: How to track pages in a single page application?

javascript html web-applications google-analytics single-page-application
Derek 朕會功夫 picture Derek 朕會功夫 · Mar 9, 2012 · Viewed 16k times · Source

Currently in my website, I used HTML5's pushState() and popState in links to increase the speed. However, this doesn't really change the real URL and it looks like it will affect and mess up the Google Analytics's code. (doesn't show a url change) Is there a possible solution for this? Thanks,

Answer

Derek 朕會功夫 picture Derek 朕會功夫 · Mar 9, 2012

If you are using the newer analytics.js API, Google's documentation requires the following code to trigger the event:

ga('send', 'pageview', '/some-page');

If you are using the older ga.js API, David Walsh suggests AJAX websites to use the _gaq.push method:

_gaq.push(['_trackPageview', '/some-page']);

Related questions

What browsers support HTML5 WebSocket API?

I am going to develop an instant messaging application that runs in the browser. What browsers support the WebSocket API?

Read More
Using form input to access camera and immediately upload photos using web app

I came across this answer which is brilliant: In iPhone iOS6 and from Android ICS onwards, HTML5 has the following tag which allows you to take pictures from your device: <input type="file" accept="image/*" capture="camera"> Capture …

Read More
Javascript; communication between tabs/windows with same origin

I have two windows: window A and window B. window A and window B have same domain window A and window B doesn't have any parent window. Questions: Is it possible for window A to get a reference of window …

Read More