Sign Up for Free

RunKit +

Try any Node.js package right in your browser

This is a playground to test code. It runs a full Node.js environment and already has all of npm’s 400,000 packages pre-installed, including @adobe/react-native-acpanalytics with all npm packages installed. Try it out:

require("react-native/package.json"); // react-native is a peer dependency. require("@adobe/react-native-acpcore/package.json"); // @adobe/react-native-acpcore is a peer dependency. var reactNativeAcpanalytics = require("@adobe/react-native-acpanalytics")

This service is provided by RunKit and is not affiliated with npm, Inc or the package authors.

@adobe/react-native-acpanalytics v1.1.1

Adobe Experience Platform support for React Native apps.

React Native AEP Analytics Extension

npm version CircleCI NPM

@adobe/react-native-acpanalytics is a wrapper around the iOS and Android AEP Analytics SDK to allow for integration with React Native applications. Functionality to enable Adobe Analytics is provided entirely through JavaScript documented below.

Installation

You need to install the SDK with npm and configure the native Android/iOS project in your react native project. Before installing the Analytics extension it is recommended to begin by installing the Core extension.

Note: If you are new to React Native we suggest you follow the React Native Getting Started page before continuing.

1. Create React Native project

First create a React Native project:

react-native init MyReactApp

2. Install JavaScript packages

Install and link the @adobe/react-native-acpanalytics package:

cd MyReactApp
npm install @adobe/react-native-acpanalytics

2.1 Link

  • React Native 0.60+

CLI autolink feature links the module while building the app.

  • React Native <= 0.59
react-native link @adobe/react-native-acpanalytics

Note For iOS using cocoapods, run:

cd ios/ && pod install

Tests

This project contains jest unit tests which are contained in the __tests__ directory, to run the tests locally:

make run-tests-locally

Usage

Analytics

Importing the extension:
import {ACPAnalytics} from '@adobe/react-native-acpanalytics';
Getting the extension version:
ACPAnalytics.extensionVersion().then(version => console.log("AdobeExperienceSDK: ACPAnalytics version: " + version));
Registering the extension with ACPCore:

Note: It is recommended to initialize the SDK via native code inside your AppDelegate and MainApplication in iOS and Android respectively. However, you can still initialize the SDK in Javascript. For more information see how to initialize Core.

iOS
#import <RCTACPAnalytics/ACPAnalytics.h>

[ACPAnalytics registerExtension];
Android:
import com.adobe.marketing.mobile.Analytics;

Analytics.registerExtension();
ACPAnalytics.registerExtension();
Get the tracking identifier:
ACPAnalytics.getTrackingIdentifier().then(identifier => console.log("AdobeExperienceSDK: Tracking identifier: " + identifier));
Send queued hits:
ACPAnalytics.sendQueuedHits();
Get the queue size:
ACPAnalytics.getQueueSize().then(size => console.log("AdobeExperienceSDK: Queue size: " + size));
Clear queued hits:
ACPAnalytics.clearQueue();
Set the custom visitor identifier:
ACPAnalytics.setVisitorIdentifier("yourVisitorId");
Get the custom visitor identifier:
ACPAnalytics.getVisitorIdentifier().then(vid => console.log("AdobeExperienceSDK: Visitor identifier: " + vid));
Track app actions:
ACPCore.trackAction("action", {"mytest": "action"});
Track app states:
ACPCore.trackState("state", {"mytest": "state"});

Contributing

See CONTRIBUTING

License

See LICENSE

RunKit is a free, in-browser JavaScript dev environment for prototyping Node.js code, with every npm package installed. Sign up to share your code.
Sign Up for Free