https://github.com/mr-won/google_mobile_ads
Flutter 광고로 돈 버는 법(Banner, Interstitial & Rewarded Ad)
https://github.com/mr-won/google_mobile_ads
admob flutter-admob google-mobile-ads
Last synced: about 1 year ago
JSON representation
Flutter 광고로 돈 버는 법(Banner, Interstitial & Rewarded Ad)
- Host: GitHub
- URL: https://github.com/mr-won/google_mobile_ads
- Owner: mr-won
- Created: 2023-02-06T03:28:44.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-06T04:52:56.000Z (over 3 years ago)
- Last Synced: 2025-03-18T02:27:09.840Z (about 1 year ago)
- Topics: admob, flutter-admob, google-mobile-ads
- Language: C++
- Homepage:
- Size: 290 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# googleads
## 필요한 라이브러리 설치
[구글 애드몹 사이트](https://admob.google.com/intl/ko/home/) | [google_mobile_ads 개발문서](https://pub.dev/packages/google_mobile_ads)
```
구글 애드몹(Google Admob)사이트에 회원가입을 하고 프로젝트의 터미널에서
flutter pub add google_mobile_ads 명령어로 필요한 라이브러리를 설치해줍니다.
```
## google_mobile_ads App Id 설정하기
```
구글 애드몹 사이트에서 테스트용 앱을 생성하고 발급받은 Id를 AndroidManifest에서 설정해주어야 합니다.
AndroidManifest에 다음 코드를 작성하여 애드몹 Id를 추가해주었습니다.
```
## 테스트용 ID의 사용
[Admob Test Id 모음](https://unitytip.tistory.com/33)
```
광고 조작을 마음대로 하면 Block 차단당할 위험이 있기 때문에 테스트(디버깅)단계에서는 반드시
다음의 테스트 ID를 사용합니다. 향후 실제로 앱에 광고를 넣을 때는 ID부분을 애드몹 App Id로 변경해줍니다.
```
## banner 객체 생성과 설정하기
```
google_mobile_ads 라이브러리를 프로젝트에서 import하고 bannerAd 타입의 banner 객체를 하나 생성합니다.
banner를 initState()안에서 설정해 줍니다.
banner는 bannerAd()의 4개의 필요한 옵션을 설정하여야 합니다(required).
각 옵션을 살펴보면,
listener : 광고가 로딩이 되었을 때, 실패했을 때, 클릭했을 때 등 이벤트를 넣거나 통계를 따거나 할 때 사용할 수 있습니다.
size : 광고의 크기를 설정해 줄 수 있습니다.
adUnitId : 유닛 아이디 즉 안드로이드와 ios 기종에 맞는 앱 아이디를 넣어주면 됩니다. 여기서는 위에서 만든 테스트용 아이디를 넣어주었습니다.
request : 키워드를 설정할 수 있습니다. 기대 효과 CPM을 높혀서 광고 수익을 늘리거나 할 수 있습니다. (CPM은 1000회 노출당 비용을 의미하는 'cost per 1000 impressions'의 약자)
이렇게 하면 광고 배너의 설정은 끝이 납니다.
```
## 앱 맨 밑에 광고 배너가 들어가는 상황 설정
[mergeExtDexDebug 오류 해결방법](https://kwonsaw.tistory.com/412)
```
애플리케이션 맨 밑에 광고 배너가 들어가는 상황을 설정해보고 테스트 해 보겠습니다.
ListView.seperated으로 0부터 100개의 리스트를 만들어 주고 맨 밑에
Container(height:50)만큼의 공간에 광고 배너를 넣는다고 가정하겠습니다.
중간에 Execution failed for task ':app:mergeExtDexDebug' 오류가 떴는데 이는 오류 해결방법을 구글링해서
찾아서 해결하였습니다.
```
## [앱 최하단에 테스트 광고 배너가 생긴 모습]
## [테스트 광고 배너를 클릭했을 때]
