Introduction to OneLink in AppsFlyer in React Native

What is OneLink? OneLink is a feature provided by AppsFlyer that simplifies the deep linking process. It creates a single link that can redirect users based on whether they have the app installed or not. If the app is installed, it opens directly; if not, it redirects to the appropriate app store or a web landing page. Prerequisites Ensure you have the AppsFlyer SDK integrated into your React Native project. Use the latest version of the AppsFlyer React Native plugin. Installation To install the AppsFlyer SDK for React Native, run: npm install react-native-appsflyer cd ios pod install //add this to the pod file pod 'react-native-appsflyer', :path => '../node_modules/react-native-AppsFlyer' Implementing Deep Linking Official Documentation https://dev.appsflyer.com/hc/docs/react-native-plugin Example App : https://github.com/AppsFlyerSDK/appsflyer-expo-sample-app Step 1: Configure OneLink Create a OneLink Template: In your AppsFlyer dashboard, navigate to Engage > OneLink Management and create a new OneLink template. Set Up User Experience: Choose how you want users to interact with your link (e.g., social-to-app, referral-to-app). Add Deep Linking Settings: Configure deep linking options as needed for your campaign. Step 2: Handle Incoming Links in React Native Use the Linking module from React Native to handle incoming deep links. Here’s a basic implementation:

Apr 7, 2025 - 10:18

Introduction to OneLink in AppsFlyer in React Native

What is OneLink?
OneLink is a feature provided by AppsFlyer that simplifies the deep linking process. It creates a single link that can redirect users based on whether they have the app installed or not. If the app is installed, it opens directly; if not, it redirects to the appropriate app store or a web landing page.

Prerequisites
Ensure you have the AppsFlyer SDK integrated into your React Native project.
Use the latest version of the AppsFlyer React Native plugin.

Installation
To install the AppsFlyer SDK for React Native, run:

npm install react-native-appsflyer

cd ios 
pod install

//add this to the pod file
pod 'react-native-appsflyer', :path => '../node_modules/react-native-AppsFlyer'

Implementing Deep Linking

Official Documentation
https://dev.appsflyer.com/hc/docs/react-native-plugin

Example App :
https://github.com/AppsFlyerSDK/appsflyer-expo-sample-app

Step 1: Configure OneLink

Create a OneLink Template: In your AppsFlyer dashboard, navigate to Engage > OneLink Management and create a new OneLink template.

Set Up User Experience: Choose how you want users to interact with your link (e.g., social-to-app, referral-to-app).

Add Deep Linking Settings: Configure deep linking options as needed for your campaign.

Step 2: Handle Incoming Links in React Native
Use the Linking module from React Native to handle incoming deep links. Here’s a basic implementation: