React Native SDK - Linkrunner

Installation

Step 1: Install the Package

# Using npm
npm install rn-linkrunner

# Using yarn
yarn add rn-linkrunner

Step 2: iOS Configuration

If you’re developing for iOS, follow these additional steps:

Install pods for the package:

cd ios && pod install

Add the following code to your info.plist file:

<key>NSUserTrackingUsageDescription</key>
<string>This identifier will be used to deliver personalized ads and improve your app experience.</string>

Step 3: SKAdNetwork Configuration

To enable SKAdNetwork postback copies to be sent to Linkrunner, add the following keys to your Info.plist file:

<key>NSAdvertisingAttributionReportEndpoint</key>
<string>https://linkrunner-skan.com</string>
<key>AttributionCopyEndpoint</key>
<string>https://linkrunner-skan.com</string>

For complete SKAdNetwork integration details, see the SKAdNetwork Integration Guide.

Step 4: Android Backup Configuration

For Android apps, the SDK provides backup rules to exclude Shared Preferences data from backup. This prevents the retention of the Linkrunner install ID during reinstallation, ensuring accurate detection of new installs and re-installs. For detailed backup configuration instructions, please refer to the Android SDK Backup Configuration.

Expo Support

If you are using Expo, follow the above steps to install the required packages. After this, you will need to use development builds since the Linkrunner SDK relies on native libraries. Follow the Expo Development Builds Documentation to get started.

Initialization

To initialize the Linkrunner SDK, add this code to your App.tsx component: You can find your project token here.

SDK Signing Parameters (Optional)

For enhanced security, the LinkRunner SDK requires the following signing parameters during initialization:

secretKey: A unique secret key used for request signing and authentication
keyId: A unique identifier for the key pair used in the signing process

You can find your project token, secret key, and key ID here. Note: The initialization method doesn’t return any value. To get attribution data and deeplink information, use the getAttributionData method.

import linkrunner from "rn-linkrunner";

// Inside your React component
useEffect(() => {
    init();
}, []); // Empty dependency array ensures it runs only once

const init = async () => {
    await linkrunner.init(
        "YOUR_PROJECT_TOKEN",
        "YOUR_SECRET_KEY", // Optional: Required for SDK signing
        "YOUR_KEY_ID", // Optional: Required for SDK signing
        false, // Optional: Set to true to disable IDFA collection for iOS devices (defaults to false)
        true // Optional: Enable debug mode for development (defaults to false)
    );
    console.log("Linkrunner initialized");
};

User Registration

Call the signup method once after the user has completed your app’s onboarding process: It is strongly recommended to use the integrated platform’s identify function to set a persistent user_id once it becomes available (typically after signup or login).

If the platform’s identifier function is not called, you must provide a user identifier for Mixpanel, PostHog, and Amplitude integration.

mixpanel_distinct_id for Mixpanel
posthog_distinct_id for PostHog
amplitude_device_id for Amplitude

const onSignup = async () => {
    try {
        await linkrunner.signup({
            user_data: {
                id: "123", // Required: User ID
                name: "John Doe", // Optional
                phone: "9876543210", // Optional
                email: "user@example.com", // Optional
                // These properties are used to track reinstalls
                user_created_at: "2024-01-01T00:00:00Z", // Optional
                is_first_time_user: true, // Optional
                mixpanel_distinct_id: "mixpanel_distinct_id", // Optional - Mixpanel Distinct ID
                amplitude_device_id: "amplitude_device_id", // Optional - Amplitude User ID
                posthog_distinct_id: "posthog_distinct_id", // Optional - PostHog Distinct ID
            },
            data: {}, // Optional: Any additional data
        });
        console.log("Signup successful");
    } catch (error) {
        console.error("Error during signup:", error);
    }
};

Getting Attribution Data

To get attribution data and deeplink information for the current installation, use the getAttributionData function:

const getAttributionInfo = async () => {
    try {
        const attributionData = await linkrunner.getAttributionData();
        console.log("Attribution data:", attributionData);
    } catch (error) {
        console.error("Error getting attribution data:", error);
    }
};

The getAttributionData function returns:

{
    deeplink: string | null;
    campaign_data: {
        id: string;
        name: string;
        type: string; // "ORGANIC" | "INORGANIC"
        ad_network: string | null; // "META" | "GOOGLE" | null
        installed_at: string;
        store_click_at: string | null;
        group_name: string;
        asset_name: string;
        asset_group_name: string;
    }
    attribution_source: string;
}

Setting User Data

Call setUserData each time the app opens and the user is logged in:

const setUserData = async () => {
    await linkrunner.setUserData({
        id: "123", // Required: User ID
        name: "John Doe", // Optional
        phone: "9876543210", // Optional
        email: "user@example.com", // Optional
        mixpanel_distinct_id: "mixpanel_distinct_id", // Optional - Mixpanel Distinct ID
        amplitude_device_id: "amplitude_device_id", // Optional - Amplitude User ID
        posthog_distinct_id: "posthog_distinct_id", // Optional - PostHog Distinct ID
    });
};

Setting CleverTap ID

Use the setAdditionalData method to set CleverTap ID:

const setIntegrationData = async () => {
    await linkrunner.setAdditionalData({
        clevertapId: "YOUR_CLEVERTAP_USER_ID", // CleverTap user identifier
    });
};

Parameters for `linkrunner.setAdditionalData`

clevertapId: string (optional) - CleverTap user identifier

This method allows you to connect user identities across different analytics and marketing platforms.

Revenue Tracking

Revenue data is only stored and displayed for attributed users. Make sure you have implemented the .signup function before capturing payments. To attribute a test user, follow the Integration Testing guide. You can verify your events are being captured on the Events Settings page.

Capture Payment

Use this method to capture payment information:

const capturePayment = async () => {
  await linkrunner.capturePayment({
    amount: 100, // Payment amount
    userId: "user123", // User identifier
    paymentId: "payment456", // Optional: Unique payment identifier
    type: "FIRST_PAYMENT", // Optional: Payment type
    // type: "SECOND_PAYMENT", // Optional: Payment type
    status: "PAYMENT_COMPLETED", // Optional: Payment status
    eventData: {
      // Optional: Ecommerce/custom event data
      content_ids: ["product_123"],
      content_type: "product",
      currency: "USD",
      value: 99.99,
      num_items: 1,
      order_id: "order_12345",
      contents: [
        {
          id: "product_123",
          quantity: 1,
          item_price: 99.99,
        },
      ],
    },
  });
};

Parameters for `linkrunner.capturePayment`

amount: number (required) - The payment amount
userId: string (required) - Identifier for the user making the payment
paymentId: string (optional) - Unique identifier for the payment
type: string (optional) - Type of payment. Available options:
- FIRST_PAYMENT - First payment made by the user
- SECOND_PAYMENT - Second payment made by the user
- WALLET_TOPUP - Adding funds to a wallet
- FUNDS_WITHDRAWAL - Withdrawing funds
- SUBSCRIPTION_CREATED - New subscription created
- SUBSCRIPTION_RENEWED - Subscription renewal
- ONE_TIME - One-time payment
- RECURRING - Recurring payment
- DEFAULT - Default type (used if not specified)
status: string (optional) - Status of the payment. Available options:
- PAYMENT_INITIATED - Payment has been initiated
- PAYMENT_COMPLETED - Payment completed successfully (default if not specified)
- PAYMENT_FAILED - Payment attempt failed
- PAYMENT_CANCELLED - Payment was cancelled
eventData: object (optional) - Key-value pairs for additional event data, including Meta ecommerce properties.

Removing Payments

Remove payment records (for refunds or cancellations):

const removePayment = async () => {
    await linkrunner.removePayment({
        userId: "user123", // User identifier
        paymentId: "payment456", // Optional: Unique payment identifier
    });
};

Parameters for `Linkrunner.removePayment`

userId: String (required) - Identifier for the user whose payment is being removed
paymentId: String (optional) - Unique identifier for the payment to be removed

Note: Either paymentId or userId must be provided when calling removePayment. If only userId is provided, all payments for that user will be removed.

Ecommerce Events

Minimum SDK Version: Ecommerce Event Manager requires react-native-linkrunner v2.7.0 or above. Please ensure your SDK is updated before using this feature.

If you are tracking Ecommerce events to sync with Meta Catalog Sales, you must format your eventData to include Meta’s required fields. You also need to map your custom event to the standard commerce event in the Linkrunner Dashboard. For detailed explanations of the required fields like content_ids, contents, and value, refer to our Meta Commerce Manager documentation.

Add To Cart Example

Use the trackEvent method to send an AddToCart event:

const trackAddToCart = async () => {
  try {
    await linkrunner.trackEvent(
      "add_to_cart", // Map this custom event to "AddToCart" in the Linkrunner Dashboard
      {
        content_ids: ["product_123"],
        contents: [
          {
            id: "product_123", // Matches content_ids
            quantity: 1,
            item_price: 49.99,
          },
        ],
        content_type: "product",
        currency: "USD",
        value: 49.99,
        num_items: 1,
      },
    );
    console.log("Add To Cart event tracked successfully");
  } catch (error) {
    console.error("Error tracking Add To Cart event:", error);
  }
};

View Content Example

Use the trackEvent method to send a ViewContent event:

const trackViewContent = async () => {
  try {
    await linkrunner.trackEvent(
      "view_item", // Map this custom event to "ViewContent" in the Linkrunner Dashboard
      {
        content_ids: ["product_123"],
        contents: [
          {
            id: "product_123", // Matches content_ids
            quantity: 1,
            item_price: 49.99,
          },
        ],
        content_type: "product",
        currency: "USD",
        value: 49.99,
        num_items: 1,
      },
    );
    console.log("View Content event tracked successfully");
  } catch (error) {
    console.error("Error tracking View Content event:", error);
  }
};

Payment / Purchase Example

Use the capturePayment method to send a Purchase event containing the ecommerce payload:

const capturePurchase = async () => {
  try {
    await linkrunner.capturePayment({
      amount: 49.99,
      userId: "user123",
      paymentId: "payment_456",
      type: "FIRST_PAYMENT", // Map this payment type to "Purchase" in the Linkrunner Dashboard
      status: "PAYMENT_COMPLETED",
      eventData: {
        content_ids: ["product_123"],
        contents: [
          {
            id: "product_123", // Matches content_ids
            quantity: 1,
            item_price: 49.99,
          },
        ],
        content_type: "product",
        currency: "USD",
        value: 49.99,
        num_items: 1,
        order_id: "order_abc123", // Required for Purchase events
      },
    });
    console.log("Purchase captured successfully");
  } catch (error) {
    console.error("Error capturing purchase:", error);
  }
};

Note: For more information on testing and verifying your ecommerce events, please see our Testing Ecommerce Events guide.

Tracking Custom Events

Events are only stored and displayed for attributed users. Make sure you have implemented the .signup function before tracking events. To attribute a test user, follow the Integration Testing guide. You can verify your events are being captured on the Events Settings page. For capturing revenue, it is recommended to use the .capturePayment method instead of .trackEvent.

Track custom events in your app:

const trackEvent = async () => {
    await linkrunner.trackEvent(
        "purchase_initiated", // Event name
        { product_id: "12345", category: "electronics", amount: 99.99 } // Optional: Event data, include amount as a number for revenue sharing with ad networks like Google and Meta
    );
};

To enable revenue sharing with ad networks like Google Ads and Meta, include an amount parameter as a number in your custom event data. This allows the ad networks to optimize campaigns based on the revenue value of conversions:

const trackPurchaseEvent = async () => {
    await linkrunner.trackEvent("purchase_completed", {
        product_id: "12345",
        category: "electronics",
        amount: 149.99, // Revenue amount as a number
    });
};

For revenue sharing with ad networks to work properly, ensure the amount parameter is passed as a number, not as a string.

Enhanced Privacy Controls

The SDK offers options to enhance user privacy:

// Enable PII (Personally Identifiable Information) hashing
linkrunner.enablePIIHashing(true);

When PII hashing is enabled, sensitive user data like name, email, and phone number are hashed using SHA-256 before being sent to Linkrunner servers.

Uninstall Tracking

Before you begin

Here’s what you need to know before getting started: Requirements:

React Native SDK 2.8.0 and later
Firebase in your React Native project (Android)
Registering your app with APNs (iOS)

Android

Connect Firebase Cloud Messaging (FCM) with Linkrunner

FCM HTTP v1 API

To configure FCM HTTP V1 for uninstalls:Enable the FCM API:

Go to the FCM console.
Select a project.
Go to Project Overview > Project settings.
Copy the Project ID. This will be required in a later step.
Go to the Cloud Messaging tab.
Make sure that Firebase Cloud Messaging API (V1) is set to Enabled.

Create a custom role for Linkrunner Uninstall:

Go to the Service accounts tab.
Click Manage service account permissions.
A new browser tab opens in Google Cloud Platform.
In the side menu, select Roles.
Click + Create role.
Enter the following details:
- Title: Linkrunner Uninstalls
- ID: lr_uninstalls
- Role launch stage: General availability
Click + Add permissions.
In Enter property name or value field, enter cloudmessaging.messages.create and select it from the search results.
Check the cloudmessaging.messages.create option and click Add.
Click Create.

Assign Linkrunner the FCM uninstall role:

In the side menu, select IAM.
Open the View by Principals tab.
Click Grant Access.
In Add Principals -> New principals field, enter lr-uninstalls-tracking@lr-uninstalls-tracking.iam.gserviceaccount.com
In Assign Roles -> Select a role field, enter Linkrunner Uninstalls and select it from the search results.
Click Save.

The Linkrunner service account has been assigned the role of Linkrunner Uninstalls.

Linkrunner Dashboard

In Linkrunner, go to Settings > Uninstall Tracking.
Under the Android tab, enter the Firebase Project ID that you copied initially and click Save.

Integrate with Linkrunner SDK

Follow these instructions to integrate FCM with the Linkrunner SDK:

Set up Firebase Cloud Messaging:

Set up Firebase Cloud Messaging in your React Native app. See the React Native Firebase documentation for detailed instructions.

Configure your app to provide the device’s push token to the Linkrunner SDK.

import messaging from '@react-native-firebase/messaging';
import linkrunner from 'rn-linkrunner';

// Fetch FCM token and set in Linkrunner SDK
const initializePushToken = async () => {
    const token = await messaging().getToken();
    if (token) {
        await linkrunner.setPushToken(token);
    }
};

// Listen for token refresh
const setupTokenRefresh = () => {
    messaging().onTokenRefresh(async (token) => {
        await linkrunner.setPushToken(token);
    });
};

// Handle incoming messages
const setupMessageListener = () => {
    messaging().onMessage(async (remoteMessage) => {
        if (remoteMessage.data && remoteMessage.data['lr-uninstall-tracking']) {
            // Silent notification for uninstall tracking, ignore
            return;
        }
        // Handle other messages here
    });
};

Custom implementations of FCM’s message handler can unintentionally make uninstall push notifications visible to users, disrupting the intended silent experience. To avoid this, ensure your logic checks if the message contains lr-uninstall-tracking and handles it accordingly, as shown in the code example above.

iOS

Connect APNs with Linkrunner

Apple Developer Portal

Get the required credentials from the Apple Developer Portal:APNs Authentication Key (p8) and Key ID:

Go to the Apple Developer Portal.
Select Identifiers under Certificates, IDs & Profiles.
Click on the app you want to track uninstalls for. Then, under Capabilities, search for Push Notifications and enable it.
Under Certificates, IDs & Profiles, select Keys and click on plus (+) icon to create a key. Enable APNs when creating the key and download the key file (p8).
The Key ID can be found in the Keys tab.

Bundle ID and Team ID:

Under Identifiers, click on your app and you will see the Bundle ID and Team ID (App ID Prefix).

Linkrunner Dashboard

In Linkrunner, go to Settings > Uninstall Tracking.
Under the iOS tab, upload the APNs Authentication Key (p8) file and enter the Key ID, Bundle ID and Team ID (App ID Prefix) that you copied from the Apple Developer Portal.

Integrate with Linkrunner SDK

Follow these instructions to integrate APNs with the Linkrunner SDK:

Set up Firebase Cloud Messaging:

Set up Firebase Cloud Messaging in your React Native app if you haven’t already. See the React Native Firebase documentation for detailed instructions.

Configure your app to provide the device’s APNs token to the Linkrunner SDK.

import messaging from '@react-native-firebase/messaging';
import linkrunner from 'rn-linkrunner';
import { Platform } from 'react-native';

const initializeAPNsToken = async () => {
    if (Platform.OS === 'ios') {
        const apnsToken = await messaging().getAPNSToken();
        if (apnsToken) {
            await linkrunner.setPushToken(apnsToken);
        }
    }
};

Function Placement Guide

Function	Where to Place	When to Call
`linkrunner.init`	App.tsx within useEffect	Once when app starts
`linkrunner.getAttributionData`	Attribution data handling flow	Whenever the attribution data is needed
`linkrunner.setAdditionalData`	Integration code	When third-party integration IDs are available
`linkrunner.signup`	Onboarding flow	Once after user completes onboarding
`linkrunner.setUserData`	Authentication logic	Every time app opens with logged-in user
`linkrunner.trackEvent`	Throughout app	When specific user actions occur
`linkrunner.capturePayment`	Payment processing	When user makes a payment
`linkrunner.removePayment`	Refund flow	When payment needs to be removed
`linkrunner.setPushToken`	Push notification setup	When FCM/APNs token is available

Next Steps

Test Your Integration

Validate your setup end-to-end

Set Up Deep Linking

Configure deep links for your app

Support

If you encounter issues during integration, contact us at support@linkrunner.io.

Getting Started

SDK Guides

Core Features

Ad Networks

Analytics Integrations

Ecommerce Manager

API Reference

Billing

FAQ

​Installation

​Step 1: Install the Package

​Step 2: iOS Configuration

​Step 3: SKAdNetwork Configuration

​Step 4: Android Backup Configuration

​Expo Support

​Initialization

​SDK Signing Parameters (Optional)

​User Registration

​Getting Attribution Data

​Setting User Data

​Setting CleverTap ID

​Parameters for linkrunner.setAdditionalData

​Revenue Tracking

​Capture Payment

​Parameters for linkrunner.capturePayment

​Removing Payments

​Parameters for Linkrunner.removePayment

​Ecommerce Events

​Add To Cart Example

​View Content Example

​Payment / Purchase Example

​Tracking Custom Events

​Revenue Sharing with Ad Networks

​Enhanced Privacy Controls

​Uninstall Tracking

​Before you begin

​Android

​iOS

​Function Placement Guide

​Next Steps

Test Your Integration

Set Up Deep Linking

​Support

Installation

Step 1: Install the Package

Step 2: iOS Configuration

Step 3: SKAdNetwork Configuration

Step 4: Android Backup Configuration

Expo Support

Initialization

SDK Signing Parameters (Optional)

User Registration

Getting Attribution Data

Setting User Data

Setting CleverTap ID

Parameters for `linkrunner.setAdditionalData`

Revenue Tracking

Capture Payment

Parameters for `linkrunner.capturePayment`

Removing Payments

Parameters for `Linkrunner.removePayment`

Ecommerce Events

Add To Cart Example

View Content Example

Payment / Purchase Example

Tracking Custom Events

Revenue Sharing with Ad Networks

Enhanced Privacy Controls

Uninstall Tracking

Before you begin

Android

iOS

Function Placement Guide

Next Steps

Support