[Firebase iOS] 앱에 광고달기 (Google Firebase AdMob)

안녕하세요 Foma 입니다!

 

최근에 TimeBank 라는 앱을 출시하게 되었는데 앱으로 수익을 얻는 방법이 뭐가 있을까? 에 대해서 찾아보다가

 

google 애드몹이라는 것을 알게되었어요.

 

그래서 오늘은 애드몹 다는법에 대해서 다뤄보도록 할게요!

 

AdMob

---

Google Admob

 

애드몹 홈페이지로 먼저 이동해줍니다~

 

AdMob

그럼 다음과 같은 화면이 뜰거에요. 시작하기 버튼을 눌러줍니다.

 

 

플랫폼은 당연히 iOS 그리고 저는 앱스토어에 등록되어 있으므로 예,지원되는 앱 스토어에 앱.... 이것을 클릭해주었습니다.

 

 

그리곤 자신의 앱을 검색해서 골라주세요.

 

 

제 첫번째 앱 타임뱅크입니다!!

 

 

사용자 측정항목은 체크하셔도 되고 안하셔도 됩니다. 다 끝나셨으면 앱 추가를 해줍니다.

 

 

다 하신 뒤에 앱 설정으로 들어가면 앱 ID가 생성된걸 볼 수 있을거에요.

 

뒤에 꼭 앱아이디를 사용해야하니 잘 보관해두세요!

 

 

 

이제 광고를 만들건데요.

 

왼쪽에 광고 단위를 누르시면 아래와 같이 시작하기 버튼이 있을거에요. 눌러주세요~

 

원하시는 광고를 고르시고

 

 

광고단위 이름도 설정해주세요~

 

 

그럼 아래와 같이 광고용 앱ID가 발급되신걸 볼수가 있을거에요.

 

위에 앱아이디와 해당 광고용 앱ID는 다른 것이니 꼭 둘 다 보관해주세요!

 

 

그리곤 마지막으로 앱 설정으로 들어가셔서 연결된 서비스에 파이어베이스 애드몹이 있을거에요.

 

파이어베이스 애드몹을 연결해줍니다.

 

 

그리곤 파이어베이스 콘솔에 가셔서 애드몹을 누르면 아래와 같이 연결됨 표시로 변할거에요!

 

 

---

Xcode

 

이제 Xcode에 이동하셔서 info.plist로 먼저 가줍니다~

 

아래 코드를 복사하시고 info.plist에 붙여넣어주세요!

	<key>GADApplicationIdentifier</key>
	<string>ca-app-pub-애드몹 앱ID</string>
	<key>SKAdNetworkItems</key>
	<array>
		<dict>
			<key>SKAdNetworkidentifier</key>
			<string>cstr6suwn9.skadnetwork</string>
		</dict>
	</array>
    <key>GADIsAdManagerApp</key>
    <true/>

 

주의할점은 ca-app-pub 다음은 반드시 위에서 확인한 앱ID를 넣어주셔야 합니다.(숫자~숫자로 된 것입니다.)

 

(구글 공식문서엔 GADIsADManagerApp 을 넣으란 소리가 없어서 진짜 한참 헤맸습니다 ㅜㅜ)

 

그리곤 podfile에 'Firebase/Core' 와 'Firebase/Admob' 을 추가해주시고 

 

 

터미널에 pod install --repo-update를 해줍니다.

Google AdMob 시작하기 로 이동해서 SDK 프레임워크를 다운받아줍니다.

 

 

다운받은 프레임워크에서 GoogleMobileAds 프레임워크만 넣어주세요.

 

(이걸 안넣으면 무슨 이유인지 Undefined 오류가 뜨더라구요 ㅜ)

 

 

그리곤 Targets - Build Setting 에서 Levels 에서 Other Linker Flags를 -Objc를 입력해줍니다.

 

 

---

AppDelegate

 

AppDelegate로 이동하셔서 GoogleMobileAds를 import 해준뒤

 

 

didFinishLaunchingWithOptions 메소드에 GADMobileAds.sharedInstance().start(completionHandler:nil)을 추가해줍니다.

 

---

Storyboard

 

이제 스토리보드로 이동하셔서 원하는 위치에 (배너가 나올) 뷰를 하나 만들어줍니다.

그리곤 View의 Class를 GADBannerView로 변경해주세요!

---

ViewController

 

해당 뷰컨트롤러로 이동해서 GoogleMobileAds를 import 해주시고

 

GADBannerView를 연결해줍니다.

아래와 같이 배너뷰.adUnitID는 위에서 배너를 만들때 발급됐던 광고용 앱아이디를 입력하고

 

배너뷰의 rootViewController를 self로 설정한 뒤 load해주시면 됩니다.

  bannerView.adUnitID = "ca-app-pub-3940256099942544/2934735716"
  bannerView.rootViewController = self
  bannerView.load(GADRequest())

근데 이게 제대로 광고가 보여지는데 몇시간정도 소요될 수 있다고 해서 저는 테스트용 앱아이디를 사용했습니다.

 

이렇게 다 하시고 앱을 실행시켜보면 아래와 같이 광고가 게재된걸 볼 수 있습니다!!!!

---

P.S

 

처음엔 Google admob ios 라고 검색해서 시작하기를 따라했는데

 

여기에선 podfile에  pod 'Google-Mobile-Ads-SDK' 를 추가하라고 나온다.

이 튜토리얼대로 따라했을땐 Undefined 에러가 너무 떠서 정말 많이 고생하고 안되는건가 싶었는데 

 

Firebase admob이라 검색하고 해당 시작하기를 들어가보니

 

여기선 또 podfile을 아래와 같이 추가하라고 하고 튜토리얼이 달랐다.

 

 

아무튼 결국에 Firebase admob iOS 시작하기대로 하니깐 일부분 오류가 해결되긴 했지만

 

여전히 에러가 발생해서 inpo.plist에 GADIsADManagerApp 을 추가하고 

 

또 GoogleMobileAds 프레임워크를 추가시켜주니 에러가 완전히 해결됐다.

 

Undefined Objc 에러였는데 아직도 왜 발생했는지 모르겠다 ㅜ

 

아무튼 성공해서 다행이다!