Tracking – Professional UI/UX Ionic 5 Kit

Here is an example of how to configure the settings for the Tracking - Professional UI/UX Ionic 5 Kit:

Angularfire Configuration

To integrate AngularFire with your application, add the following code to your app.module.ts file:

import { AngularFireModule } from 'angularfire2';
import { environment } from '../environments/environment';
import { AngularFireAuth } from 'angularfire2/auth';
import { AngularFireAnalytics } from 'angularfire2/analytics';

@NgModule({
  declarations: [AppComponent],
  imports: [
    AngularFireModule.initializeApp(environment.firebase),
    IonicModule.forRoot(),
  ],
  providers: [
    { provide: 'ANALYTICS_ID', useValue: 'YOUR ANALYTICS ID' },
    AngularFireAuth,
    AngularFireAnalytics,
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}

Replace 'YOUR ANALYTICS ID' with your Analytics ID.

Google Analytics Configuration

To integrate Google Analytics with your application, add the following code to your app.component.ts file:

import { Component } from '@angular/core';
import { AngularFireAnalytics } from 'angularfire2/analytics';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
})
export class AppComponent {
  constructor(public analytics: AngularFireAnalytics) {}

  ionViewWillEnter() {
    this.analytics.logEvent('APP_ENTER');
  }
}

Firebase Cloud Messaging Configuration

To integrate Firebase Cloud Messaging with your application, add the following code to your app.component.ts file:

import { Component } from '@angular/core';
import { FirebaseCloudMessaging } from 'firebase-cloud-messaging';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
})
export class AppComponent {
  constructor(public fcm: FirebaseCloudMessaging) {}

  ionViewWillEnter() {
    this.fcm.getToken().then(token => {
      console.log(token);
    });
  }
}

Google Sign-In Configuration

To integrate Google Sign-In with your application, add the following code to your app.component.ts file:

import { Component } from '@angular/core';
import { AngularFireAuth } from 'angularfire2/auth';
import { GoogleAuth } from 'angularfire2/auth/types';

@Component({
  selector: 'app-root',
  templateUrl: 'app.component.html',
  styleUrls: ['app.component.css'],
})
export class AppComponent {
  constructor(public afAuth: AngularFireAuth, public googleAuth: GoogleAuth) {}

  ionViewWillEnter() {
    this.googleAuth.signIn().then(auth => {
      console.log(auth);
    });
  }
}

Note: You need to create a project in the Firebase console and enable the services you want to use in your application.

Here are the features of the Tracking - Professional UI/UX Ionic 5 Kit extracted from the content:

• Templates: Includes banner templates

• Download APK Demo: Available for download here: https://drive.google.com/file/d/1zIQ5y-rIeyYbfYxsMrT5APXlxDqUzLNm/view

• UI/UX Kit: A professional UI/UX Ionic 5 Kit

Let me know if you need any further assistance!