앱개발 종합반 5주차 - 1
□ [왕초보] 나만의 수익성 앱, 앱개발 종합반 (5주차 과정)
22.03.24(목)
◎ 애드몹(AdMob)
- 종류: 배너, 리워드...
// 설치하기
expo install expo-ads-admob
//app.json에 추가 / key 값은 해당 키값을 추가
"ios": {
"supportsTablet": true,
"buildNumber": "1.0.0",
"bundleIdentifier": "com.myhoneytip.gun",
"config": {
"googleMobileAdsAppId": ""
}
},
"android": {
"package": "com.myhoneytip.gun",
"versionCode": 1,
"config": {
"googleMobileAdsAppId": ""
}
}
◎ 애드몹(AdMob) 하단 배너 추가
// Mainpage
import {
//setTestDeviceIDAsync,
AdMobBanner,
//AdMobInterstitial,
//PublisherBanner,
//AdMobRewarded
} from 'expo-ads-admob';
// Mainpage 메인 함수 return 값에 추가
// adUnitID는 값에 따라 바꾸어야 함
{Platform.OS === 'ios' ? (
<AdMobBanner
bannerSize="fullBanner"
servePersonalizedAds={true}
adUnitID="ca-app-pub-3271224099084995/6111705561"
style={styles.banner}
/>
) : (
<AdMobBanner
bannerSize="fullBanner"
servePersonalizedAds={true}
adUnitID="ca-app-pub-3271224099084995/8434632486"
style={styles.banner}
/>
)}
◎ 애드몹(AdMob) 페이지 이동시 짧은 광고 추가
import {
//setTestDeviceIDAsync,
//AdMobBanner,
AdMobInterstitial,
//PublisherBanner,
//AdMobRewarded
} from 'expo-ads-admob';
useEffect(()=>{
// Card.js에 들어오자마자 전면 광고 준비하느라 useEffect에 설정
//애드몹도 외부 API 이므로 실행 순서를 지키기위해 async/await 사용!
//안드로이드와 IOS 각각 광고 준비 키가 다르기 때문에 디바이스 성격에 따라 다르게 초기화 시켜줘야 합니다.
// setAdUnitID 값은 다르게 설정해주어야 함
Platform.OS === 'ios' ? AdMobInterstitial.setAdUnitID("ca-app-pub-3271224099084995/3801252904") : AdMobInterstitial.setAdUnitID("ca-app-pub-3271224099084995/3812845286")
AdMobInterstitial.addEventListener("interstitialDidLoad", () =>
console.log("interstitialDidLoad")
);
AdMobInterstitial.addEventListener("interstitialDidFailToLoad", () =>
console.log("interstitialDidFailToLoad")
);
AdMobInterstitial.addEventListener("interstitialDidOpen", () =>
console.log("interstitialDidOpen")
);
AdMobInterstitial.addEventListener("interstitialDidClose", () => {
//광고가 끝나면 다음 코드 줄이 실행!
console.log("interstitialDidClose")
navigation.navigate('DetailPage',{idx:content.idx})
});
},[])
const goDetail = async () =>{
await AdMobInterstitial.requestAdAsync({ servePersonalizedAds: true});
await AdMobInterstitial.showAdAsync();
}
Author And Source
이 문제에 관하여(앱개발 종합반 5주차 - 1), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@gwichanlee/앱개발-종합반-5주차저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)