AppsFlyer

Please note that the AppsFlyer is used differently depending on the Cordova version of your project. Please refer to the document carefully.

AppsFlyer is the market leader in mobile advertising attribution and analytics, helping marketers to pinpoint their targeting, optimize their ad spend and boost their ROI (Return on Investment).

AppsFlyer allows users to monitor and track application installations, downloads, and conversions. The AppsFlyer API allows developers to access and integrate the functionality of AppsFlyer with other applications.

Prerequisite

In order to enable AppsFlyer to start tracking your app, you are required to have the following two information such as:

  1. devKey: Your application devKey provided by AppsFlyer.
  2. appId: (For iOS only) Your iOS app ID in the App Store.

Adding AppsFlyer to Monaca Project

  1. For Monaca Cloud IDE, go to Configure → Service Integration Settings .

  2. Click on Details button of AppsFlyer service.

  3. Then, click Install button to add it into your project.

  4. You will be asked to confirm the setup. Click OK to start the installation.

Using Cordova 6.2 or Higher

Configuration

Add the following lines to your code to initialize the tracking with your own AppsFlyer devKey and appId:

document.addEventListener("deviceready", function(){

    var options = {
        devKey:  'xxXXXXXxXxXXXXxXXxxxx8'  // your AppsFlyer devKey
    };

    var userAgent = window.navigator.userAgent.toLowerCase();

    if (/iphone|ipad|ipod/.test(userAgent)) {
        options.appId = "123456789";       // your ios app id in app store
    }

    window.plugins.appsFlyer.initSdk(options);

}, false);

Usage

SDK Initialization

Initialize the SDK.

initSdk(options, onSuccess, onError): void

Parameter

Name Type Description
options Object SDK configuration (please refer to the options object table below)
onSuccess (message: string) => void (optional) Success callback: called after a successfull SDK initialization.
onError (message: string) => void (optional) Error callback: called when error occurs during initialization.

options object

Name Type Default Description
devKey String Appsflyer Dev key
appId String (For iOS only) Your iOS app ID in the App Store
isDebug Boolean false (optional) Debug mode
onInstallConversionDataListener Boolean false Accessing AppsFlyer Attribution/Conversion Data from the SDK (Deferred Deeplinking). AppsFlyer plugin will return attribution data in onSuccess callback. For more information, please refer to:

Example

The following snippet shows how to use initSdk() function:

var onSuccess = function(result) {
    //handle result
};

function onError(err) {
    // handle error
}

var options = {
    devKey:  'd3Ac9qPardVYZxfWmCspwL',
    appId: '123456789',
    isDebug: false,
    onInstallConversionDataListener: true
};

window.plugins.appsFlyer.initSdk(options, onSuccess, onError);

In-App Events Tracking API

Allow you to send in-app events to AppsFlyer analytics. This method allows you to add events dynamically by adding them directly to the application code. These in-app events help you track how loyal users discover your app, and attribute them to specific campaigns/media-sources. Please take the time to define the event(s) you want to measure to allow you to track ROI (Return on Investment) and LTV (Lifetime Value).

trackEvent(eventName, eventValues): void (optional)

Parameter

Name Type Description
eventName String Custom event name, is presented in your dashboard.
eventValue Object Event details

Example

The following snippet shows how to use trackEvent() function:

var eventName = "af_add_to_cart";

var eventValues = {
    "af_content_id": "id123",
    "af_currency":"USD",
    "af_revenue": "2"
};

window.plugins.appsFlyer.trackEvent(eventName, eventValues);

Currency Code Setting

Change the currency code.

setCurrencyCode(currencyId): void

Parameter

Name Type Default Description
currencyId String USD ISO 4217 Currency Codes

Example

The following snippet shows how to use setCurrencyCode() function:

window.plugins.appsFlyer.setCurrencyCode("USD");
window.plugins.appsFlyer.setCurrencyCode("GBP"); // British Pound

Customer User ID Setting (Advanced)

Set your own custom ID. This enables you to cross-reference your own unique ID with AppsFlyer’s user ID and the other devices’ IDs. This ID is available in AppsFlyer CSV reports along with postbacks APIs for cross-referencing with you internal IDs.

The ID must be set during the first launch of the app at the SDK initialization. The best practice is to call this API during the deviceready event, where possible.
setAppUserId(customerUserId): void

Parameter

Name Type Description
customerUserId String Your custom ID

Example

The following snippet shows how to use setAppUserId() function:

window.plugins.appsFlyer.setAppUserId(userId);

GCM Project Number Setting

Set a GCM Project Number in order to enable app uninstall tracking for Android platform.

setGCMProjectID(GCMProjectNumber): void

Parameter

Name Type Description
GCMProjectNumber String GCM Project number. It is obtained through your google developer console. For more information, please refer to Android Uninstall Tracking Guide.

Uninstall Tracking

Set your iOS device token in order to enable app uninstall tracking for iOS platform.

registerUninstall(token): void

Parameter

Name Type Description
token String Your iOS device token. You can get your device token from UnityEngine.iOS.NotificationServices.deviceToken. For more information, please refer to Unity and iOS Uninstall Tracking Guide.

Getting AppsFlyer’s Device ID

Get AppsFlyer’s proprietary Device ID. The AppsFlyer Device ID is the main ID used by AppsFlyer in Reports and APIs.

getAppsFlyerUID(getUserIdCallbackFn): void

Parameter

Name Type Description
getUserIdCallbackFn () => void Success callback

Example

The following snippet shows how to use getAppsFlyerUID() function:

var getUserIdCallbackFn = function(id) {
    alert('received id is: ' + id);
}
window.plugins.appsFlyer.getAppsFlyerUID(getUserIdCallbackFn);

Track deeplinks with AppsFlyer attribution data (for iOS only).

For Android version 4.2.5 and higher, the deeplinking metadata (scheme/host) is sent automatically.
handleOpenUrl(url): void

Parameter

Name Type Description
url String Url

Example

The following snippet shows how to use handleOpenUrl() function:

var handleOpenURL = function(url) {
    window.plugins.appsFlyer.handleOpenUrl(url);
}

Using Cordova 5.2 or Lower

Configuration

After adding AppsFlyer to your Monaca project, you need to make some configurations before starting to use the plugin. Please follow the configuration below:

  1. Add the following snippet to the config.xml in the root directory of your www folder:

    <!-- for iOS -->
    <feature name="AppsFlyerPlugin">
        <param name="ios-package" value="AppsFlyerPlugin" />
    </feature>
    <!-- for Android -->
    <feature name="AppsFlyerPlugin">
        <param name="android-package" value="com.appsflyer.cordova.plugin.AppsFlyerPlugin" />
    </feature>
  2. For Android, add the following snippet to the AndroidManifest.xml:

    <uses-permission android:name="android.permission.INTERNET" />
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
    <uses-permission android:name="android.permission.READ_PHONE_STATE" />
  3. Add new app on AppsFlyer dashboard. Make sure that the value in the manifest and the value entered in the dashboard are identical. If you want to track installations for Android-Out-Of-Store Applications, please take a look here.

  4. Add following lines to your code to initialize the tracking with your own AppsFlyer dev key:

    document.addEventListener("deviceready", function(){
        var args = [];
        var devKey = "xxXXXXXxXxXXXXxXXxxxx8";   // your AppsFlyer devKey
        args.push(devKey);
        var userAgent = window.navigator.userAgent.toLowerCase();
    
        if (/iphone|ipad|ipod/.test( userAgent )) {
            var appId = "123456789";            // your ios app id in app store
            args.push(appId);
        }
        window.plugins.appsFlyer.initSdk(args);
    }, false);
    
  5. Test your app for Android/iOS before submitting to the Google Play/App Store.

For more information on how to use AppsFlyer, please refer to AppsFlyer Documentation .

Usage

Once, you have successfully configured AppsFlyer, the plugin is now ready to be used. In this section, we will briefly describe some AppsFly APIs.

Customer User ID Setting (Advanced)

Setting your own custom ID will enable you to cross-reference your own unique ID with AppsFlyer’s user ID and the other devices’ IDs. This ID will be available at AppsFlyer CSV reports along with postbacks APIs for cross-referencing with you internal IDs.

window.plugins.appsFlyer.setAppUserId(userId);
The ID must be set during the first launch of the app at the SDK initialization. The best practice is to call to this API during deviceready event if possible.

Currency Code Setting (Optional)

By default, the currency code is set to be USD. You can change it by using the following API:

//For example, you want to change to British Pound
window.plugins.appsFlyer.setCurrencyCode("GBP");
For all acceptable currency codes, please refer to ISO 4217 Currency Codes .

In-App Events Tracking API

In-app events help you track how loyal users discover your app, and attribute them to specific campaigns/media-sources. Please take time to define the event(s) you would like to measure to allow you to track ROI (Return on Investment) and LTV (Lifetime Value).

The trackEvent method allows you to send in-app events to AppsFlyer analytics. This method allows you to add events dynamically by adding them directly to the application code.

// eventName - any string to define the event name. For example: “registration” or “purchase”
// eventValue - the sales value. For example: 0.99 or 0.79
window.plugins.appsFlyer.sendTrackingWithEvent(eventName, eventValue);
// window.plugins.appsFlyer.sendTrackingWithEvent(eventName, "");

Rich In-App Events Tracking API

AppsFlyer’s rich in­-app events provide advertisers with the ability to track any post­-install events and attribute them to a media source and campaign. An in­-app event is comprised of an event name and event parameters.

var eventName = "af_add_to_cart";
var eventValues = {"af_content_id": "id123", "af_currency":"USD", "af_revenue": "2"};
window.plugins.appsFlyer.trackEvent(eventName, eventValues);

Getting AppsFlyer’s Device ID (Advanced)

This API is used to get AppsFlyer’s proprietary device ID. AppsFlyer device ID is the main ID used by AppsFlyer in the Reports and APIs.

// getUserIdCallbackFn - callback function
window.plugins.appsFlyer.getAppsFlyerUID(getUserIdCallbackFn);

Here is an example of how to use this API:

var getUserIdCallbackFn = function(id) {
    alert('received id is: ' + id);
}
window.plugins.appsFlyer.getAppsFlyerUID(getUserIdCallbackFn);

Accessing AppsFlyer Attribution/Conversion Data (Deferred Deep-linking)

AppsFlyer allows you to access the user attribution data in real time directly at the SDK level. It enables you to customize the landing page a user sees on the very first app open after a fresh app install. This is commonly referred to as “deferred” deeplinking. This is very common on the web, however there is a big challenge doing this in the mobile app ecosystem. Luckily, AppsFlyer provides support for all cases and platforms.

Read more on Accessing AppsFlyer Attribution or Conversion Data from the SDK for iOS and Android.

AppsFlyer plugin will fire onInstallConversionDataLoaded event with attribution data. You must implement an event listener to receive the data.
document.addEventListener('onInstallConversionDataLoaded', function(e){
    var attributionData = (JSON.stringify(e.detail));
    alert(attributionData);
}, false);

Removing AppsFlyer from Monaca

  1. For Monaca Cloud IDE, go to Configure → Cordova Plugin Settings .

  2. Under Enabled Plugins section, hover over AppsFlyer plugin and click Disable button.