Ionic - Basic usage not working.

First let me say I’m new to ionic so I may be doing something backwards or wrong.

I setup a simple project with the latest cordova and ionic. Placed the startTrackingWithId call in the MyApp constructor and a trackView call in the HomePage constructor (see below).

When running the app on my device the follow errors occur.

If this is not the right place to be posting this type of question/issue, my apologizes, please let me know where to post in the future.

2017-03-14 16:50:43.612543 analytics[2806:989870] ERROR: Unhandled Promise rejection: Tracker not started ; Zone: <root> ; Task: setTimeout ; Value: Tracker not started
2017-03-14 16:50:43.612702 analytics[2806:989870] ERROR: error JSON.stringify()ing argument: TypeError: JSON.stringify cannot serialize cyclic structures.
2017-03-14 16:50:43.710839 analytics[2806:989870] Google analytics is ready now

ionic start --v2 analytics blank

Your system information:

Cordova CLI: 6.5.0 
Ionic Framework Version: 2.2.0
Ionic CLI Version: 2.2.1
Ionic App Lib Version: 2.2.0
Ionic App Scripts Version: 1.1.4
ios-deploy version: 1.9.1 
ios-sim version: 5.0.13 
OS: OS X El Capitan
Node Version: v6.1.0
Xcode version: Xcode 8.2.1 Build version 8C1002

app.component.ts

import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar, Splashscreen, GoogleAnalytics } from 'ionic-native';

import { HomePage } from '../pages/home/home';


@Component({
  templateUrl: 'app.html'
})
export class MyApp {
  rootPage = HomePage;

  constructor(platform: Platform) {
    platform.ready().then(() => {
      // Okay, so the platform is ready and our plugins are available.
      // Here you can do any higher level native things you might need.
      StatusBar.styleDefault();
      Splashscreen.hide();

      // Note: A real id was used during testing.
      GoogleAnalytics.startTrackerWithId('UA-XXXXXXXX-1')
        .then(() => {
          console.log('Google analytics is ready now');
          // Tracker is ready
          // You can now track pages or set additional information such as AppVersion or UserId
        })
        .catch(e => console.log('Error starting GoogleAnalytics', e));

    });
  }
}

home.ts

import { Component } from '@angular/core';
import { GoogleAnalytics } from 'ionic-native';
import { NavController, Platform } from 'ionic-angular';

@Component({
  selector: 'page-home',
  templateUrl: 'home.html'
})
export class HomePage {

  constructor(public navCtrl: NavController, public platform: Platform) {
    this.platform.ready().then(() => {
        GoogleAnalytics.trackView('page-home');
    });
  }

}

[victorsosa]

instead of using the constructor like:

  constructor(public navCtrl: NavController, public platform: Platform) {
    this.platform.ready().then(() => {
        GoogleAnalytics.trackView('page-home');
    });
  }

use the ionViewDidEnter method like this:

ionViewDidEnter() {
  GoogleAnalytics.trackView('page-home');
}

that will fix the issue

[victorsosa]

Check the readme file for more doc updates