I'm using Durandal 1.2 and the Durandal Router Plugin and wanting to track page views in the SPA through Google Analytics: window._gaq.push(['_trackPageview', location.pathname + location.search + location.hash]

I know I could listen for the hashchange event or even hook into via Sammy. I'd rather not do that given Durandal is currently being rewritten to remove the dependency on Sammy.

My question is, is there a way to set this up using the Durandal Router Plugin?

I'm using Durandal 1.2 and the Durandal Router Plugin and wanting to track page views in the SPA through Google Analytics: window._gaq.push(['_trackPageview', location.pathname + location.search + location.hash]

I know I could listen for the hashchange event or even hook into via Sammy. I'd rather not do that given Durandal is currently being rewritten to remove the dependency on Sammy.

My question is, is there a way to set this up using the Durandal Router Plugin?

• javascript
• google-analytics
• durandal

Share Improve this question Follow edited Oct 19, 2015 at 16:03 GrandMasterFlush 6,4091919 gold badges8686 silver badges109109 bronze badges asked Jun 5, 2013 at 23:15 Drew FreylingDrew Freyling 1,2581313 silver badges1414 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

Have a look at onNavigationComplete in the router. You could override that to do your analytics:

// Store reference to router's onNavigationComplete so you can call it
var onNavigationComplete = router.onNavigationComplete;

router.onNavigationComplete = function (routeInfo, params, module) {
    // Run the default onNavigationComplete
    onNavigationComplete.call(this, routeInfo, params, module);

    // Analytics!
    window._gaq.push(['_trackPageview', location.pathname + location.search + location.hash]
};

Obviously you'll need to do this somewhere very early in your application's lifecycle, such as in your main.js.

You could also attach to the navigation plete event, so that you don't have to store the router's original function.

//Update anaytics whenever the router navigates
router.on('router:navigation:plete', function(instance, instruction) {
    window._gaq.push(['_trackPageview', instruction.fragment]);
});