Google Analytics trackevent in single-page web app

javascript google-analytics single-page-application data-analysis pageviews
Per Quested Aronsson picture Per Quested Aronsson · Jun 1, 2013 · Viewed 12.9k times · Source

What is the best (most practical) way to use Google Analytics trackevent for tracking "pageviews" in a single-page web app? trackevent takes four arguments: CATEGORY, ACTION, LABEL, VALUE. The last two are optional. Which field should I use for the view title? A "view" in a single-page web app corresponds to a page in a normal web app.

I can see two options:

1) trackevent('Navigation', 'View title');
2) trackevent('Navigation', 'Click', '', 'View title'); 
trackevent('Navigation', 'Redirect', '', 'View title');

Of course one can do either, but which option is best when it comes to analyzing the data in Google Analytics?

Answer

ndequeker picture ndequeker · Nov 1, 2013

The Angulartics plugin provides web analytics for AngularJS applications. There is an example application which uses Google Analytics.

It supports:

  • page tracking
  • event tracking
  • scroll tracking

Related questions

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

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 …

Read More
Which browsers support <script async="async" />?

On December 1, 2009, Google announced support for asynchronous Google Analytics tracking. The asynchronous tracking is achieved using the async directive for the <script> tag. Which browsers support the async directive (<script async="async" />) and since which version?

Read More
Best place to insert the Google Analytics code

Where’s the best place to insert the Google Analytics code in WordPress, header or footer? I prefer footer, because I wanted my site to load faster by reducing the number of scripts in the header, but can it work …

Read More