React Native SDKの初期化
Roktのパートナーは、React Nativeアプリケーションでオーバーレイや埋め込み配置を表示するためにRokt SDKを使用でき、Roktの広告主はキャンペーンのコンバージョンを記録するためにそれを使用できます。SDKのすべての使用事例は、アプリケーションにSDKを統合し初期化するために同じ初期手順に従います。高レベルで見ると、これらの手順は次の通りです:
- SDKをReact Nativeアプリケーションに統合する
- Androidアプリケーション用に構成する
- iOSアプリケーション用に構成する
- SDKを初期化する
これらの手順に従った後、SDKのexecute
メソッドは、必要な使用事例に合わせてさまざまな方法で使用できます。
SDKをReact Nativeアプリケーションに統合する
SDKをReact Nativeアプリケーションに統合するには、次の手順を実行する必要があります:
-
次のコマンドを実行してRokt SDKをインストールします:
$ npm install @rokt/react-native-sdk --save
-
次のコマンドを実行してすべてのパッケージと依存関係をインストールします:
$ npm install
Android の設定
Android アプリケーション用に Rokt React Native SDK を設定するには、以下の手順が必要です:
build.gradle
の repositories ブロックに Rokt SDK を追加します:
allprojects {
repositories {
...
maven {
url "https://apps.rokt.com/msdk"
}
}
}
ReactApplication
クラスでgetPackages
にRoktEmbeddedViewPackage
を追加します:
// クラスをインポートする
import com.rokt.reactnativesdk.RoktEmbeddedViewPackage;
@Override
protected List<ReactPackage> getPackages() {
@SuppressWarnings("UnnecessaryLocalVariable")
List<ReactPackage> packages = new PackageList(this).getPackages();
//RoktEmbeddedViewPackage を追加
packages.add(new RoktEmbeddedViewPackage());
return packages;
}
SDK のメジャーバージョン 4 未満は異なるパッケージ名 com.reactlibrary.RoktEmbeddedViewPackage;
を使用します。
multiDexEnabled
が true に設定され、Mind SDK バージョン 18 以上をターゲットにしていることを確認します:
android {
...
defaultConfig {
...
multiDexEnabled true,
minSdkVersion 21
}
}
Kotlin バージョンの競合によってビルドが失敗する場合、考えられる解決策についてはリンクを確認してください: https://github.com/facebook/react-native/issues/35979
iOSの設定
Rokt React Native SDKをiOSアプリケーション向けに設定するには、iOSフォルダに移動し、次のコマンドを実行します:
cd ios && pod install
Mac M1アーキテクチャはCocoapodsと直接互換性がありません。ポッドをインストールする際に問題が発生した場合は、次のコマンドを実行することで解決できます:
sudo arch -x86_64 gem install ffi
arch -x86_64 pod install
これらのコマンドはffi
パッケージをインストールし、動的リンクされたライブラリをロードしてpod install
を正しく実行できるようにし、適切なアーキテクチャでpod install
を実行します。