This is a repository of our open source React Native SDK. Huge shoutout to our friends at Dispatcher, Inc. for their help in compiling the initial version of this SDK. This SDK will help you handle iOS Universal Links, Android App Links and deferred deep links, do install attribution and much more!
react-native v0.40 support is available in version 1.0.0. This is a non-backwards compatible update. If you need to stay on react-native <0.40 please fix your package.json version to react-native-branch@0.9. See Updating to 1.0.0 for details. Note that some build steps differ between 0.9 and 1.0. These are highlighted where applicable.
v0.8.0 If you have overridden onStop in MainActivity.java be sure not to invoke RNBranchModule.onStop().
npm install --save react-native-branchreact-native link react-native-branchor link the project manually- Add
pod 'Branch'to your ios/Podfile (details) cd ios; pod install --repo-update- Follow the setup instructions
Note that CocoaPods 1.x no longer automatically updates pod repositories automatically on pod install. To make sure
you get the latest version of the Branch SDK, use --repo-update or run pod repo update before pod install.
If you are new to react-native or CocoaPods, read below for more details:
- Full Installation Instructions
- If you already have React in your Podfile
- If you do not know what a Podfile is
If you would prefer to use Carthage, you can skip steps 3 & 4 above and instead add the following to your Cartfile:
github "BranchMetrics/ios-branch-deep-linking"
Then run:
carthage update
If you're unfamiliar with how to add a framework to your project with Carthage, you can learn more here. You will need to maually link the framework by adding it to the "Linked Frameworks and Libraries" section of your target settings, and copy it by adding it to the "Input Files" section of your carthage copy-frameworks build phase.
In order to get full Branch support you will need to setup your ios and android projects accordingly:
Please see the Branch SDK Integration Guide for complete setup instructions.
import branch from 'react-native-branch'
// Subscribe to incoming links (both Branch & non-Branch)
// bundle = object with: {params, error, uri}
branch.subscribe((bundle) => {
if (bundle && bundle.params && !bundle.error) {
// grab deep link data and route appropriately.
}
})
let lastParams = await branch.getLatestReferringParams() // params from last open
let installParams = await branch.getFirstReferringParams() // params from original install
branch.setIdentity('theUserId')
branch.userCompletedAction('Purchased Item', {item: 123})
branch.logout()
let branchUniversalObject = branch.createBranchUniversalObject('canonicalIdentifier', {metadata: {prop1: 'test', prop2: 'abc'}, title: 'Cool Content!', contentDescription: 'Cool Content Description'})
let shareOptions = { messageHeader: 'Check this out', messageBody: 'No really, check this out!' }
let linkProperties = { feature: 'share', channel: 'RNApp' }
let controlParams = { $desktop_url: 'http://example.com/home', $ios_url: 'http://example.com/ios' }
let {channel, completed, error} = await branchUniversalObject.showShareSheet(shareOptions, linkProperties, controlParams)
let {url} = await branchUniversalObject.generateShortUrl(linkProperties, controlParams)
let viewResult = await branchUniversalObject.registerView()
let spotlightResult = await branchUniversalObject.listOnSpotlight()
let rewards = await branch.loadRewards()
let redeemResult = await branch.redeemRewards(amount, bucket)
let creditHistory = await branch.getCreditHistory()listener (function)
Adds a change listener. Listener takes 1 argument with the shape { params, uri, error}. The listener will be called for all incoming links. Branch links will have params, plain deep links will only have a uri.
Returns a promise that resolves to the most recent referring params. Because params come in asynchronously, in most cases it is better to use the subscribe method to receive the params as soon as they are available.
Returns a promise to resolves with the first install referring params.
The params object is returned by various linking methods including subscribe, getLatestReferringParams, and getFirstReferringParams. Params will contain any data associated with the Branch link that was clicked before the app session began.
Branch returns explicit parameters every time. Here is a list, and a description of what each represents.
~denotes analytics+denotes information added by Branch
| Parameter | Meaning |
|---|---|
| ~channel | The channel on which the link was shared, specified at link creation time |
| ~feature | The feature, such as invite or share, specified at link creation time |
| ~tags | Any tags, specified at link creation time |
| ~campaign | The campaign the link is associated with, specified at link creation time |
| ~stage | The stage, specified at link creation time |
| ~creation_source | Where the link was created ('API', 'Dashboard', 'SDK', 'iOS SDK', 'Android SDK', or 'Web SDK') |
| ~referring_link | The referring link that drove the install/open, if present |
| ~id | Automatically generated 18 digit ID number for the link that drove the install/open, if present |
| +match_guaranteed | True or false as to whether the match was made with 100% accuracy |
| +referrer | The referrer for the link click, if a link was clicked |
| +phone_number | The phone number of the user, if the user texted himself/herself the app |
| +is_first_session | Denotes whether this is the first session (install) or any other session (open) |
| +clicked_branch_link | Denotes whether or not the user clicked a Branch link that triggered this session |
| +click_timestamp | Epoch timestamp of when the click occurred |
| +url | The full URL of the link that drove the install/open, if present (e.g. bnc.lt/m/abcde12345) |
See also Deep Link Routing on the Branch documentation site for more information.
Any additional data attached to the Branch link will be available unprefixed.
Set an identifier for the current user.
Logout the current user.
Register a user action with Branch.
Create a branch universal object.
canonicalIdentifier the unique identifier for the content.
universalObjectOptions options for universal object as defined [below][#universalobjectoptions].
Returns an object with methods generateShortUrl, registerView, listOnSpotlight, and showShareSheet.
shareOptions as defined below
linkProperties as defined below
controlParams as defined below
Returns an object with { channel, completed, error }
linkProperties as defined below
controlParams as defined below
Returns an object with { url }
Register a view for this universal object.
List the univeral object in spotlight (ios only).
An object of options for the branchUniversalObject.
| Key | TYPE | DESCRIPTION |
|---|---|---|
| automaticallyListOnSpotlight | Bool | List this item on Spotlight (iOS). Ignored on Android. |
| canonicalIdentifier | String | The object identifier |
| contentDescription | String | Object Description |
| contentImageUrl | String | The Image URL |
| contentIndexingMode | String | Indexing Mode 'private' or 'public' |
| currency | String | A 3-letter ISO currency code (used with price) |
| expirationDate | String | A UTC expiration date, e.g. 2018-02-01T00:00:00 |
| keywords | Array | An array of keyword strings |
| metadata | Object | Custom key/value |
| price | Float | A floating-point price (used with currency) |
| title | String | The object title |
| type | String | MIME type for this content |
An object of link properties.
| KEY | TYPE | MEANING |
|---|---|---|
| alias | string |
Specify a link alias in place of the standard encoded short URL (e.g., [branchsubdomain]/youralias or yourdomain.co/youralias). Link aliases are unique, immutable objects that cannot be deleted. Aliases on the legacy bnc.lt domain are incompatible with Universal Links and Spotlight |
| campaign | string |
Use this field to organize the links by actual campaign. For example, if you launched a new feature or product and want to run a campaign around that |
| channel | string |
Use channel to tag the route that your link reaches users. For example, tag links with ‘Facebook’ or ‘LinkedIn’ to help track clicks and installs through those paths separately |
| feature | string |
This is the feature of your app that the link might be associated with. eg: if you had built a referral program, you would label links with the feature referral |
| stage | string |
Use this to categorize the progress or category of a user when the link was generated. For example, if you had an invite system accessible on level 1, level 3 and 5, you could differentiate links generated at each level with this parameter |
| tags | array |
This is a free form entry with unlimited values. Use it to organize your link data with labels that don’t fit within the bounds of the above |
Control parameters for the link. All Branch control parameters are supported. See here for a complete list. In particular, these control parameters determine where the link redirects.
| KEY | TYPE | MEANING |
|---|---|---|
| $fallback_url | string |
Change the redirect endpoint for all platforms - so you don’t have to enable it by platform |
| $desktop_url | string |
Change the redirect endpoint on desktops |
| $android_url | string |
Change the redirect endpoint for Android |
| $ios_url | string |
Change the redirect endpoint for iOS |
| $ipad_url | string |
Change the redirect endpoint for iPads |
| $fire_url | string |
Change the redirect endpoint for Amazon Fire OS |
| $blackberry_url | string |
Change the redirect endpoint for Blackberry OS |
| $windows_phone_url | string |
Change the redirect endpoint for Windows OS |
| KEY | TYPE | MEANING |
|---|---|---|
| messageHeader | string |
The header text |
| messageBody | string |
The body text |
| emailSubject | string |
The subject of the email channel if selected |
Load rewards.
Redeem rewards.
amount the amount to redeem
bucket (optional) the bucket to redeem from.
Get the credit history as an array.