Skip to main content
Gainsight Inc.

Install Gainsight PX Flutter

This article explains how developers can use the Gainsight PX Flutter code in their Flutter application and the various facets of ingesting Gainsight PX Flutter code in your iOS application. 

Overview

Gainsight PX can effectively monitor your application, track usage data, and provide real-time analytics. 

You can use Gainsight PX Flutter in your mobile application development. This codebase is platform-independent and works with Android, iOS, and Windows operating systems. You can ingest the Gainsight PX code into any mobile application which is developed using the Flutter programming language. When you ingest Gainsight PX Flutter code into your Flutter based application code, Gainsight PX starts tracking all of the data on your application.  

Install Gainsight PX 

To use Gainsight PX in your application, you must first download and install Flutter. Once completed, you must install Gainsight PX for Android or iOS, based on the platform you are using. After installing Gainsight PX, initialize Gainsight PX and then create events to track data from your application. 

Perform the following steps:

  1. Download and Install Flutter
  2. Integrate Gainsight PX for iOS
  3. Initialize Gainsight PX
  4. Create Events

Notes:

  • The first step requires users to download and install the Gainsight PX package and other prerequisites to their system.  
  • If you are targeting Android, the Flutter plugin takes care of all the required configurations.

Download and Install Gainsight PX Flutter Plugin

To use Gainsight PX on a Flutter application, you must download Gainsight PX’s zip file (.zip extension) file. This file is a prerequisite to use Gainsight PX.  You can download this file from the Gainsight PX server. Once you download the file, extract the content and put it alongside your flutter app root folder. Final stage is to add it as a dependency to your project.

The following steps are required:

  1. Download gainsight-px-x.x.x.zip from Gainsight PX dashboard.
  2. Un-zip the file and copy the content alongside to your project root folder.
  3. You must add it as a dependency in your pubspec.yaml file:
 dependencies:​​​​​​
        …
        gainsightpx:
                path: ../gainsightpx
  1. Run:
flutter pub get

Integrate GainsightPX for iOS

This section explains how to add PXKit framework and GainsightPX interface files for an iOS/Xcode project. To install Gainsight PX iOS, you must use the PXKit.xcframework file. You can download this file from the PX dashboard.

Perform the following steps:

  1. Copy "GainsightPX" folder from "gainsightpx" plugin folder to iOS project.
  2. Download the PXKit.xcframework file. 
  3. In the Xcode, select Target, and add the above framework file to the Embedded Binaries.
  4. Add GainsightpxFlutterPlugin to project bridging header file(example: Runner-Bridging-Header.h)
#import "GainsightpxFlutterPlugin.h" 
  1. Add project swift interface file header in "GainsightpxFlutterPlugin.m" file.

Example:

#import "Runner-Swift.h"

  1. Register for SwiftGainsightpxFlutterPlugin in Appdelegate.swift before return statement.
override func application(

     _ application: UIApplication,

     didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?

  ) -> Bool {
        if let registrar = registrar(forPlugin: "GainsightpxFlutterPlugin") {
            SwiftGainsightpxFlutterPlugin.register(with: registrar)
        }
        ...
        return super.application(application, didFinishLaunchingWithOptions: launchOptions)
    }

Now you can run your application on Xcode.


ExceptionCallback

All exceptions that occur when creating events are passed into catch as error using a Future<dynamic>. If there is an error then the returned type is PlatformException.

For example, you can make the calls using:

GainsightPX.customEvent(eventName, properties)
.then((value) => {
if (value is PlatformException) {
// on Failure ...
} else {
// on Success ...
}
});

Initialize Gainsight PX 

After you complete the download and installation of Gainsight PX, you can use it in your application to track data. The code used in this section is platform-independent and can be used in Android, iOS, or Windows-based mobile applications. 

To track data with Gainsight PX: 

  1. Insert the following import code in the header section:

import 'package:gainsightpx/gainsightpx.dart';
  1. Use the following code to initialize Gainsight PX. You must use the initialization code only once in your entire application. Gainsight PX recommends using this code in the app widget so that tracking can be initialized from the first page of your application. 

  Future<void> _initialiseGainsightPX() async {
    try {
      Configurations configurations = Configurations('<#product-key#>');
      GainsightPX.initialise(configurations);
    } catch (error) {
      print(error.toString());
    }
  }

Note:

All the Gainsight PX methods return a Future<dynamic>. in case of an error the type of the value will be PlatformException

Sending Events

This section explains how to create events that can track data from your mobile application. Events are actions associated with your app and that allows you to track various actions performed by users in your app. 

Gainsight PX SDK supports four types of events.

Screen Events

You can use the Screen event to track each of your screens visited by the user. 

The syntax to capture screen events is as follows:

GainsightPX.screen(<#ScreenEvent-object#>[, <#properties-map#>]);

You can also create a screen event to just capture the name of the screen and exclude all of the other details. Use one of the following calls:

GainsightPX.screenEvent(<#screen-name#>[, <#properties-map#>]);
Automatic Screen Capture

By default, Screen events are not reported automatically on flutter. In order to have something similar to automated Screen event reporting add the following code to your application widget:

return MaterialApp(
...
navigatorObservers: [PXRouteObserver()],
...
);

Custom Events 

Custom Events are used to track specific actions in your app.

The syntax to track custom events is:

GainsightPX.customEventWithParams(<#custom_event_name#>[, <#properties-map#>]);

Identify Events

Identify events are used to uniquely identify a user or an Account.

The syntax to track identify events is:

GainsightPX.identify(<#user-id as a string#>);
GainsightPX.identifyUser(<#User-object#>[, <#Account-object#>]);

Use the following line of code to track a user: 

User user = User("<#user_id#>");
user.email = "david@gmail.com";

The above line of code identifies the user, since you have added email property to define the user. 

If you want to set a custom attribute for the user, add it to the customAttributes map object.

user.customAttributes[“counts”] = 20;

The list of properties supported for User tracking is given in the table below:

Property Data type
ide String
email String (Email)
userHash String
gender  String
lastName String
firstName String
signUpDate Date
title String
role String
subscriptionId String
phone String
countryCode String
countryName String
stateCode String
stateName String
city String
street String
continent String
postalCode String
regionName String
timezone String
longitude Double
latitude Double
organization String
organizationEmployees String
organizationRevenue String
organizationIndustry String
organizationSicCode String
organizationDuns Int
accountID String
firstVisitDate Date
score Int
sfdcContactId String
customAttributes Map<String, dynamic>

The list of Attributes for Account Object is given in the table below:

Property Data type
name String
trackedSubscriptionId String
industry String
numberOfEmployees int
sicCode String
website String
naicsCode String
plan String
countryCode String
countryName String
stateCode String
stateName String
city String
Street String
continent String
postalCode String
regionName String
timezone String
latitude Double
longitude Double
sfdcId String
customAttributes Map<String, dynamic>

Set Global Context 

You can set events with a global context after you create all the required events. You can set a global context with key-value pairs and send them with the payload. Global context can be set on Date, String, Double, and Boolean data types. Global Context data is stored at the memory level and not disk-level. The key-value pairs are sent with the Payloads. If an application is terminated, all the key-value pairs are erased. 

Use the following code snippet to set the global context:

GainsightPX.setGlobalContext(<#properties-map#>);

Use the following code snippet to check if the key is available:

GainsightPX.hasGlobalKey(<#Name of the key#>);

Use the following code snippet to remove the key:

GainsightPX.removeGlobalContextKeys(<#Array Of Keys#>);

General Methods

This section describes the general methods (functions) of Gainsight PX SDK. There are three general methods:

Method Name Method Description
Flush GainsightPX.flush() This method sends all events in the queue to the server, by ignoring the scheduled auto flush. Generally, you need not use this method but there could be situations in which you may need to flush out events.
Enable/Disable GainsightPX.enable()

GainsightPX.disable()

 
These methods help you to enable or disable event tracking on your app. When you use the disable method, no event is sent to the server. You can use the disable method on data sensitive areas of your app.

Gainsight PX Configurations

This section describes methods, for which you can modify configurations during the initialization stage. 

Method Call Default Description Override by Server?
flushQueueSize 20 The number of events that are considered to form a batch to be sent to server. Once this limit is reached, PX sends the events to the server even if it's still not the time for that (by the timer) Yes
flushInterval 20 sec The time interval during which the client checks if there are any new events to send to the server Yes
collectDeviceId (this method is applicable only to Android application) true Whether or not to collect the device id from the device No
enableLogs False Which log level should be logged to CatLog. By default, false is logged No
trackApplicationLifecycleEvents true Should the client auto track app related events (APP_OPENED, APP_INSTALLED and APP_UPDATED) No

(Server can drop the event based on remote configuration)
shouldTrackTapEvents fale Should the client auto track tap events Yes

 

  • Was this article helpful?