앱개발 강의 5주차 Note - (1) 광고 붙이기 (구글 애드몹)

[5주차 강의] 구글 애드몹

 

[수익형 앱] 앱에서 수익내기

 

수익내는 방법은 다양하다.

유료앱 배포 수익 모델

앱 내 배너광고

앱 콘텐츠(인 앱 결제)

구독 수익

앱 개발 용역 수익

외부 브랜드 광고 수익

 

앱 내 배너 광고 수익 모델이 앱 개발 초보자에겐 가장 쉽다.

 

[구글광고] 애드몹(AdMob) - 설정

 

구글 애드몹 광고 종류 - 4가지 유형

배너, 전면(전체 페이지), 리워드, 네이티브 고급 광고

 

구글 애드몹 역시 Expo에서 지원

 

Expo에서 애드몹 설치하고, app.json 하단에 android 및 ios 부분을 추가한다.

 

 

[구글 광고] 가로배너 생성

 

안드로이드, iOS 둘다 생성

앱 추가로 생성하고, 생성된 ID를 googleMobileAdsAppId 부분에 넣어준다.

 

그리고, 광고 단위 만들기. 광고 유형별로 나오는데, 배너로 선택

 

MainPage.js에 일부 추가된다.

구글 admob 사용하기 위해 import

 

상단 부분에, react-natvie import 부분은 Platform이라는 도구 추가 필요

import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView, Platform} from 'react-native';

 

그리고 화면 아래부분에 올 가로배너 부분이 추가.

이부분에 우리가 광고 단위 생성하고 받은 키 값을 넣자

 

bannerSize : 배너사이즈를 우리가 설정할 수 있다.

servePersonalizeAds 속성은 개인화 여부

 

[구글 광고] 전면 배너 생성

 

가로배너는 사실 잘 안누른다. 그런데 전면 배너는, 컨텐츠를 보기 위해 눌러야한다.

 

전면광고 단위를 각 플랫폼으로 만들자.

 

그리고 상세 카드 볼때 전면광고가 나와야하니까, Card.js에 광고 관련 코드 붙여주기

 

goDetail이라는 부분이 생겼다.

 

interstitial이라는 것이 전면광고 기능.

광고가 끝나면(DidClose) DetailPage로 가게끔 navigation기능.