This tutorial is going to help you learn how to implement Google Analytics in Ionic 5 and Angular application using Ionic Native and Cordova plugins from scratch.

Google Analytics is a great web analytics tool developed and offered by Google for analysing web site traffic. It can help to track session duration, pages per session, bounce rate etc. Real-Time Analytics is implied in GA, enabling a user to have insight about visitors currently on the site.

Not just that if you are a marketer or even an analyst, then you can create an excellent marketing strategy. So it is not wrong to say Its a boon from a marketing perspective.

Google Analytics has innumerable benefits, but we are specifically focusing on enabling GA for an Ionic application. Also, we will see how to configure event tracking for Google Analytics for mobile applications.

Getting Started

Ionic CLI is a must have tool, this command-line tool lets you work on Ionic platform.

Run command to create the Ionic app.

npm install -g @ionic/cli

Once Ionic CLI installed, then execute the command to install the Ionic project. You can skip this step if the app is already installed.

ionic start ionic-google-analytics-example sidemneu --type=angular

Get inside the project:

cd ionic-google-analytics-example

Install Ionic Native and Cordova Google Analytics Plugins

To track site visitors through Google Analytics in Ionic 5 is simpler with Ionic Native and Cordova Google Analytics Plugins.

Add both the plugins simultaneously with the following command:

ionic cordova plugin add cordova-plugin-google-analytics

npm install @ionic-native/google-analytics

You will astonish with both the performance of the plugin not just that it also supports various platforms such as Android, iOS, Windows Phones and Browser.

#ionic