[React Native] Firebase Admob - Rewards 보상형 동영상 광고 띄우기

1. 설치

yarn add @react-native-firebase/admob
cd ios && pod install

 

2. 적용

// <project-root>/firebase.json
{
  "react-native": {
    "admob_android_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx",
    "admob_ios_app_id": "ca-app-pub-xxxxxxxx~xxxxxxxx"
  }
}

 

3. 실행

3-1. iOS 에러

빌드는 잘 됐는데 xcode 터미널에 이러한 에러가 떴음

Terminating app due to uncaught exception 'GADInvalidInitializationException', 
reason: 'The Google Mobile Ads SDK was initialized without an application ID. 

Google AdMob publishers, 
follow instructions at https://googlemobileadssdk.page.link/admob-ios-update-plist 
to set a valid application ID. 

Google Ad Manager publishers, 
follow instructions at https://googlemobileadssdk.page.link/ad-manager-ios-update-plist.'

plist 에도 추가해줘야 하나봄.

 

// Info.plist
<key>GADApplicationIdentifier</key>
<string>ca-app-pub000~000</string>

 

3-2. 재실행

굳!

 

4. Usage

import { RewardedAd, TestIds, RewardedAdEventType } from '@react-native-firebase/admob';


  const getAds = () => {
    try {
      const rewarded = RewardedAd.createForAdRequest(TestIds.REWARDED, {
        requestNonPersonalizedAdsOnly: true,
      });

      rewarded.onAdEvent((type, error, reward) => {
        if (error) {
          console.log('동영상을 불러오는 중 오류가 발생했어요', error);
        }
        if (type === RewardedAdEventType.LOADED) {
          // 동영상 로드 완료
          rewarded.show(); // 동영상 광고 띄우기
        }
        if (type === RewardedAdEventType.EARNED_REWARD) {
          console.log('User earned reward of ', reward);
        }
      });
      rewarded.load();

    } catch (error) {
      console.log('catch error', error);
    }
  }

 

4-1. 주의

TestId를 사용하지 않고 실제 광고단위의 unit id를 사용하여 개발을 진행하면 계정이 정지될 수도 있다고 한다.

테스트하면서 비정상적을 광고를 많이 불러오기 때문에!

 

4-2. 에러

Ad request successful, but no ad returned due to lack of ad inventory

if (error) 에서 걸린 에러다.

test unit id 말고 내가 admob에서 만든 앱의 광고 unit id를 넣었더니 이 에러가 떴는데,

애드몹 계정을 당일에 만들고 애드몹 내에 앱도 당일에 추가한거라서 아직 애드몹에서 광고를 준비하지 못한 것이다.

플레이 가능한 광고는 좀 더 기다려보고, 일단은 test unit id로 테스트 해보자!

 

 

 

 

(참고 블로그)

vlee.kr/3267

React Native Admob 광고 띄우기 - Vlee's Tale

dev-yakuza.github.io/ko/react-native/react-native-firebase-admob/

Firebase Admob

 

richwind.co.kr/81

Google AdMob 광고 적용하기 (1/2)

windflex.tistory.com/82

Google AdMob 광고 적용하기 (2/2)