How Can We Help?

Pendo Mobile & React Native

Last Updated:

React Native Navigation version 6.x. requires SDK 2.5 +
React Navigation version 5.x requires SDK 2.6 +
We're working on supporting the new React Native 0.64 (by end of July '21)

If your mobile app does not meet the technical requirements for codeless React Native support, you can use our Track Events based solution.

Overview

Mobile apps created with the React Native framework can enjoy our codeless solution if your app meets the React Native & navigation library criteria.

This includes all of our incredible mobile features that are available on any native mobile application: codeless analytics (which work retroactively to the time the SDK was installed) and all mobile guide types including tooltips and walkthroughs.

Pre-Requisites

  • React Native applications built over React Native version 0.6 and above
  • React Native applications using the "React Native Navigation" library version 6.x
  • React Native applications using the "React Navigation" library version 5.x 

Check with your developers which React Native configuration your apps use.

Install instructions 

  1. Create iOS and Android apps by choosing 'React Native' app type.
    image2020-1-7_4-47-11.png
  2. Note that in Pendo, two applications will be created under the 'Subscription Setting' page (one for iOS and one for Android). After integrating the iOS SDK, follow the install settings of the Android app in order to integrate the Android SDK into your Android app.
    Screen_Shot_2020-02-26_at_8.33.46__2_.png
  3. Once the apps are integrated with the Pendo SDKs, you can start tagging pages and creating guides for each of your applications. 

How do I track my visitors and accounts? 

switchVisitor:  use this API to update the current visitor ID and data associated with it (Account ID, Visitor Data and Account data). Mainly used on "Login" activity

 PendoSDK.switchVisitor("NEW_VISITOR_ID", "NEW_ACCOUNT_ID", {"NEW_VISITOR_KEY":"NEW_VISITOR_VALUE",...},{"NEW_ACCOUNT_KEY":"NEW_ACCOUNT_VALUE",...})}}

clearVisitor: use this API to end the current visitor's session, and start a new session without associating it to a visitor ID. Mainly used on "Logout" activity

PendoSDK.clearVisitor()
setVisitorData:  Use this API to update the visitor's data mid-session. Mainly used when the visitor updates details.
PendoSDK.setVisitorData({"KEY1":"VALUE1","KEY2":"VALUE2",...})
setAccountData: Use this API to update Account data mid-session. Mainly used when you want to update the accounts data.
PendoSDK.setAccountData({"KEY1":"VALUE1","KEY2":"VALUE2",...})
 

Related articles