SDKの導入について

React Native環境のアドフリくんSDKを導入するには、アドフリくん Native SDKと React Native SDKの2つを導入する必要があります。

React Native 開発環境にアドフリくんSDKを導入するには、「Native SDK」と「React Native SDK」の2つを導入する必要があります。

Native SDK は iOS と Android それぞれに存在し、アドフリくんが提供する全ての機能が実装されています。 React Native SDK は Native SDK を React Native 開発環境に適合させます。これにより、アドフリくんの機能を React Native でも使用可能になります。

React Native SDKの導入方法

npmjsから導入する方法

1. 以下コマンドを実行して React Native SDK をアプリに導入します。

   $ npm install react-native-adfurikunsdk
   

2. iOSの場合、AdMobを使用する為 ios/Runner/Info.plistに以下の値を設定する必要があります。参考

   key	string
   GADApplicationIdentifier	AdMobの管理画面で作成したアプリID

3. アプリのコードに以下インポート文を追加し、ビルドします。成功するとSDKが正常に導入されています。

• リワード広告

  import { 
     AdfurikunReward, 
     AdfurikunRewardCallbackResult, 
     AdfurikunRewardCallbackType } from 'react-native-adfurikunsdk';
  

• インタースティシャル広告

  import { 
     AdfurikunInterstitial, 
     AdfurikunInterstitialCallbackResult, 
     AdfurikunInterstitialCallbackType } from 'react-native-adfurikunsdk';
  

• オプション設定

  import { AdfurikunSdk } from 'react-native-adfurikunsdk';
  

手動ダウンロードして導入する方法

1. アドフリくん管理画面からアドフリくんReact Native SDK(adfurikunSDK_ReactNative_moviereward_{バージョン番号}.zip)をダウンロードして、拡張子を「zip」→「tgz」に変更します。

2. 以下コマンドを実行して React Native SDKをアプリに導入します。

   $ npm install ダウンロードしたReact Native SDKのファイルパス
   

3. iOSの場合、AdMobを使用する為 ios/Runner/Info.plist に以下の値を設定する必要があります。参考

   key	string
   GADApplicationIdentifier	AdMobの管理画面で作成したアプリID

4. アプリのコードに以下インポート文を追加し、ビルドします。成功するとSDKが正常に導入されています。

• リワード広告

  import { 
     AdfurikunReward, 
     AdfurikunRewardCallbackResult, 
     AdfurikunRewardCallbackType } from 'react-native-adfurikunsdk';
  

• インタースティシャル広告

  import { 
     AdfurikunInterstitial, 
     AdfurikunInterstitialCallbackResult, 
     AdfurikunInterstitialCallbackType } from 'react-native-adfurikunsdk';
  

• オプション設定

  import { AdfurikunSdk } from 'react-native-adfurikunsdk';
  

Native SDKの導入方法

Native SDKはCocoaPodsとMavenを使って導入ができます。

iOS

アプリケーションで管理しているPodfileを使ってアドフリくん iOS SDKを導入します。

  pod 'AdfurikunSDK-iOS'

CocoaPodsで導入する方法についてはこちらの内容に詳しく書いてあります。 特定バージョンを導入するとか、アプリケーションに導入するアドネットワークのみ導入するなど開発環境に合わせて導入をしてください。 ↓アドフリくん iOS SDK 4.0.2verを導入する際は以下のようになります。

# AdMob以外の全アドネットワークを導入する例です。アドネットワークを個別に指定しない場合、デフォルトで全アドネットワークが導入されます。
  pod 'AdfurikunSDK-iOS/Afio', '4.0.2'
  pod 'AdfurikunSDK-iOS/AppLovin', '4.0.2'
  pod 'AdfurikunSDK-iOS/Five', '4.0.2'
  pod 'AdfurikunSDK-iOS/Fyber', '4.0.2'
  pod 'AdfurikunSDK-iOS/InMobi', '4.0.2'
  pod 'AdfurikunSDK-iOS/ironSource', '4.0.2'
  pod 'AdfurikunSDK-iOS/Maio', '4.0.2'
  pod 'AdfurikunSDK-iOS/Mintegral', '4.0.2'
  pod 'AdfurikunSDK-iOS/Pangle', '4.0.2'
  pod 'AdfurikunSDK-iOS/UnityAds', '4.0.2'
  pod 'AdfurikunSDK-iOS/Vungle', '4.0.2'

CocoaPodsを利用しない場合には、手動で追加する方法もありますので確認してください。

Android

Android版の Native SDK の導入には Gradle を使用します。 導入方法については、こちらのページの「1. 事前準備」〜「4. AdMob関連の設定」を参考にしてください。 ↓アドフリくん Android SDK 4.0.2verを導入する際は以下になります。

・android/build.gradleのallprojectsのrepositoriesに下記のコードを追加します

       google()
       mavenCentral()
       maven { url "https://imobile-maio.github.io/maven" }                                            // Maio
       maven { url 'https://github.com/amoad/amoad-android-sdk-maven/raw/master/' }                    // Afio
       maven { url 'https://artifact.bytedance.com/repository/pangle' }                                // Pangle
       maven { url 'https://dl-maven-android.mintegral.com/repository/mbridge_android_sdk_oversea' }   // Mintegral
       maven { url 'https://github.com/glossom-dev/AdfurikunSDK-Android/raw/master' }                  // Adfurikun    

・android/app/build.gradleのdependenciesに下記のコードを追加します

   // AndroidXライブラリ
   implementation 'androidx.annotation:annotation:1.3.0'
   implementation 'androidx.appcompat:appcompat:1.3.1'
   implementation 'androidx.localbroadcastmanager:localbroadcastmanager:1.1.0'
   implementation "androidx.constraintlayout:constraintlayout:2.1.0"
   // GoogleServiceAds
   implementation 'com.google.android.gms:play-services-ads:23.2.0' // AdMobを利用する場合
   implementation 'com.google.android.gms:play-services-ads:21.3.0' // AdMobを利用しない場合
   // Kotlin
   implementation 'org.jetbrains.kotlin:kotlin-stdlib:1.8.0'
   // Adfurikun
   implementation 'jp.adfully:adfurikunsdk:4.0.2'
   // 各アドネットワーク追記
   implementation 'com.applovin:applovin-sdk:13.2.0'                       // AppLovin
   implementation 'com.unity3d.ads:unity-ads:4.14.2'                       // UnityAds
   implementation 'com.maio:android-sdk-v2:2.0.4@aar'                      // Maio
   implementation 'com.vungle:vungle-ads:7.5.0'                            // Vungle
   implementation 'com.linecorp.adsnetwork:fivead:2.6.20230607'            // Five
   implementation 'com.amoad:amoad-sdk:5.2.30'                             // Afio
   implementation 'com.pangle.global:pag-sdk:7.1.0.8'                      // Pangle
   implementation 'com.unity3d.ads-mediation:mediation-sdk:8.8.0'          // IronSource
   implementation 'com.mbridge.msdk.oversea:mbridge_android_sdk:16.9.71'   // Mintegral
   implementation 'com.fyber:marketplace-sdk:8.3.7'                        // Fyber
   implementation 'com.inmobi.monetization:inmobi-ads-kotlin:10.8.3'       // InMobi

ProGuard の設定

アプリ側で ProGuard を使用する場合、こちらのページの「5. ProGuardの設定」を参考にしてください。