Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Tracking all screens using Google Analytics in Ionic 3 project

I'm in the middle of finalizing an Ionic 3 build and would like to add Google Analytics to it. I added it successfully and can see in GA (real time) that the app is being used however I would like to track all page/screen views. Does anyone know of way to do that?

I'm using the following plugin: https://github.com/danwilson/google-analytics-plugin

Here is the code I am using to initialize GA

 initGoogleAnalytics() {
    var trackingId = 'UA-114720506-2';
    if (/(android)/i.test(navigator.userAgent)) { // for android 
      trackingId = 'UA-114720506-2';
    } else if (/(ipod|iphone|ipad)/i.test(navigator.userAgent)) { // for ios
      trackingId = 'UA-114720506-2';
    }
    //platform is injected in the Constructor
    this.platform.ready().then(() => {
      this.ga.debugMode();
      this.ga.startTrackerWithId(trackingId).then(()=> {
        console.log("GoogleAnalytics Initialized with ****** : " + trackingId);
        this.ga.trackView('schedule');
        this.ga.trackView('speakerList');
        this.ga.trackView('map');
        this.ga.trackView('social');
        this.ga.trackView('exhibitors');
        this.ga.enableUncaughtExceptionReporting(true)
        .then((_success) => {
          console.log("GoogleAnalytics enableUncaughtExceptionReporting Enabled.");
        }).catch((_error) => {
          console.log("GoogleAnalytics Error enableUncaughtExceptionReporting : " + _error)
        });
      });
    });
  }
like image 647
javapatriot Avatar asked Mar 15 '26 03:03

javapatriot


1 Answers

Essentially adding in the GA Module and initializing with ionViewDidEnter on in every page that I wanted to track did the trick.

like image 179
javapatriot Avatar answered Mar 17 '26 02:03

javapatriot



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!