본문 바로가기
React-Native

React-Native iOS 애드몹(Admob) 적용

by Dokon Jang 2020. 7. 21.
반응형

React-Native에서 iOS 애드몹 적용 순서입니다.

화면(Screen)의 View에 적용은 생략합니다.

 

1. Module 설치

npm i --save react-native-admob@next

 

- 자세한 내용은 아래의 사이트를 참고하세요.

https://github.com/sbugert/react-native-admob

 

sbugert/react-native-admob

A react-native component for Google AdMob banners. Contribute to sbugert/react-native-admob development by creating an account on GitHub.

github.com

2. Info.plist에 Admob 앱ID를 입력

(Info.plist의 위치는 <프로젝트 디렉토리>/ios/<프로젝트명>/Info.plist)

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
	...
	<key>GADApplicationIdentifier</key>
	<string>Admob 앱ID</string>
	...
</dict>
</plist>

 

3. iOS용 Admob 라이브러리 적용

(1) Podfile에 Admob 라이브러리 입력

(Podfile 파일 위치는 <프로젝트 디렉토리>/ios/Podfile)

 

아래와 같이 Podfile에 pod 'Google-Mobile-Ads-SDK'를 추가

target 'Project' do
  ...
  pod 'Google-Mobile-Ads-SDK'

  target 'ProjectTests' do
    inherit! :complete
    # Pods for testing
  end
  ...
end

 

(2) Admob 라이브러리 설치

cd <프로젝트 디렉토리>
cd ios
pod install

 

※ React-Native 프로젝트에 Admob 광고를 적용 할 준비는 끝났습니다.

 

반응형

댓글