react-native 앱에 광고 삽입[2]


Admob Setting

firebase 설정을 했으니 Admob을 설정한 뒤 광고를 만들어 보자 

1. Admob 가입 

당연한 얘기지만 먼저 가입을 한다. 

2. Admob에 app 추가하기 

앱 > 앱추가를 눌러서 앱을 추가한다. 이름만 입력하고 추가버튼 누르면 추가 된다. 추가로 현제 App Store에 앱이 올라가 있지 않아도 진행 할 수 있다. 

아래 앱 ID 를 잘 보관한다. (어짜피 다시 조회 되니 어디 저장해놀 필요는 없다. ) 나중에 react-native 프로젝트에 firebase.json 이라는 파일을 만들고 그 내용으로 추가해야한다. 

3. firebase.json 파일 추가 하기 

프로젝트 root에 firebase.json 파일을 추가한다.

그리고 아래와 같이 입력 하는데 ios 의 경우는 아직 app을 만들지 않았음으로 android만 입력한다. 입력한 내용은 위에서 나왔던 앱 ID를 입력하면 된다. JSON 포맷임으로 “,” 는 없애야한다. 그리고 앱 ID는 admob 콘솔에 앱 > [추가한 앱 선택] >앱설정에서 찾을 수 있다. 

출처 react-native firebase
앱 ID 를 찾는 곳

4. 광고 단위 만들기 

광고 단위를 만드는데 매우 쉽다. 광고 이름을 정하고 Click 몇번 하면 광고가 만들어 진다. 그리고 그 결과로 광고 ID 가 생성 되는데 이는 나중에 React-native 코드에서 광고를 불러오기 위해 필요하다. 

광고 단위를 선택하고 광고를 만든다.
광고 단위 이름을 입력한다.
광고 ID를 얻는다.
광고 생성이 완성된 모습
 

이렇게 하여 Admob 세팅 부터 광고 단위 만들기 까지 해봤다. 다음에는 react-native 에서 Test 광고를 출력하는 방법을 알아 보겠다. 

You may also like...