본문 바로가기
ReactNative

리액트 네이티브 AdMob 전면광고

by 피이웅콱푸지이삐용삐용지요지용뿌에에콱 2022. 8. 15.
import {
  setTestDeviceIDAsync,
  AdMobBanner,
  AdMobInterstitial,
  PublisherBanner,
  AdMobRewarded
} from 'expo-ads-admob';

useEffect(()=>{
        
        //안드로이드와 IOS 각각 광고 준비 키가 다르기 때문에 디바이스 성격에 따라 다르게 초기화 시켜줘야 합니다.
        Platform.OS === 'ios' ? AdMobInterstitial.setAdUnitID("키값") : AdMobInterstitial.setAdUnitID("키값")

		//유용한 속성들
        //로딩된후
        AdMobInterstitial.addEventListener("interstitialDidLoad", () =>
            console.log("interstitialDidLoad")
        );
        //로딩 실패
        AdMobInterstitial.addEventListener("interstitialDidFailToLoad", () =>
            console.log("interstitialDidFailToLoad")
        );
        //광고 열렸을때
        AdMobInterstitial.addEventListener("interstitialDidOpen", () =>
            console.log("interstitialDidOpen")
        );
        //광고가 끝나면
        AdMobInterstitial.addEventListener("interstitialDidClose", () => {
            console.log("interstitialDidClose")
        });
    },[])
    
const goDetail = async () =>{
      try {
      	//개인화 설정
        await AdMobInterstitial.requestAdAsync({ servePersonalizedAds: true});
        await AdMobInterstitial.showAdAsync();// 광고를 보여주는 함수
        //페이지 이동
        await navigation.navigate('페이지',인자값)
      } catch (error) {
        console.log(error)
        //페이지 이동
        await navigation.navigate('페이지',인자값)
      }
    }