Blue Triangle and FullStory for Mobile

Overview

BT offers an integration with FullStory to allow our customers to link to session replay through Native App Performance Detail page. To get started, the integration will need to be configured through the Custom Variables page, found in the Setting & Administration menu. For help with this process, please reach out to your BT representative. 

Native App Configuration

You will need to first configure a Custom Variable (found on the Custom Variable page in Settings & Administration) to enable the FullStory Integration in the Blue Triangle Portal. For help with this process, please reach out to your BT representative.

The next step requires an Account Admin level user. If you do not have access to add a Custom Variable, please reach out to your BT representative for assistance.

Custom Variable

Navigate to the Custom Variable page via the Settings & Administration menu.

Create a new custom variable with the following configuration 

• Display Name: FullStory Replay Link

• Variable Name: FullStoryReplayLink

• Browser Code: 

  (function() {try { if(window.FS != undefined){return window.FS.getCurrentSessionURL() }else {return void 0;}} catch (e) {}})()
  

• Variable Data Type: Text

• Source: RUM

Android

The Native App you are configuring the integration for will need to pass the FullStory Session link via a custom variable within the app. FullStory provides an OnReadyListener callback that notifies your app whenever a FullStory session becomes available or changes. 

You should set the Custom Variable inside this callback to ensure the latest session URL is captured. The following is the variable code for Android: 

// Register the listener (typically in your Application class or Activity)

FS.addOnReadyListener { sessionData ->

    // Retrieve the current FullStory session URL

    val fsSessionUrl = sessionData.currentSessionUrl

    // Set the session URL as a custom variable in Blue Triangle

    Tracker.instance?.setCustomVariable("FullStoryReplayLink", fsSessionUrl)

}

iOS

The Native App you are configuring the integration for will need to pass the FullStory Session link via a custom variable within the app. In iOS, FullStory provides the FSDelegate protocol to notify your app when a session starts or changes.

You should set the Custom Variable inside sessionDidStart callback to ensure the latest session URL is captured. The following is the variable code for iOS: 

import UIKit
import BlueTriangle
import FullStory
@main
class AppDelegate: UIResponder, UIApplicationDelegate, FSDelegate {
    func application(_ application: UIApplication, didFinishLaunchingWithOptions launchOptions: [UIApplication.LaunchOptionsKey: Any]?) -> Bool {
        FS.delegate = self
        return true
    }
    func applicationDidBecomeActive(_ application: UIApplication) {
    }
    func applicationWillEnterForeground(_ application: UIApplication) {
    }
    func fullstoryDidStartSession(_ sessionUrl: String) {
        BlueTriangle.setCustomVariable("FullStoryReplayLink", value: sessionUrl)
    }
    func fullstoryDidStopSession() {}
    func fullstoryDidTerminateWithError(_ error: Error) { }

}

Locations in the Portal

• Native App

  • NA Performance Detail: By selecting a point in one of the lower scatterplots, a FullStory link will be available for that session in the Performance Details below.

  • NA Errors Explorer