내가 개발한 앱에 광고 생성하기 (Admob 전면광고, 배너광고 부착하기)

오늘은 자신이 만든 앱에서 수익을 내도록 하는 AdMob, 즉 광고 수익에 대해 알아보고자 합니다.

그래서 전면광고와 배너광고, 이렇게 2가지 광고를 부착하는 방법에 대해 알아보도록 하겠습니다.

 

AdMob에 로그인을 하시면

 

앱 추가를 통해 자신의 애플리케이션을 등록하시면 됩니다.

(플레이스토어에 올려놓은 상태에서 광고를 등록하고 싶으시면

"예, 지원되는 앱 스토어에 앱이 등록되어 있습니다"를 누르시고

개발 중에 있어서 광고를 등록하고 싶으시다면 "아니요"를 눌러 등록해 주시면 됩니다.

 

광고단위를 생성하면

 

앱 ID와 광고 단위 ID를 부여받게 됩니다.

 

앱 ID는 내가 만든 앱에 대해 ID가 부여가 되는 것이고 (앱 1개당 앱 ID 1개)

광고 단위 ID는 광고에 대해 ID가 부여가 되는 것입니다 (광고 단위 1개당 광고 ID 1개, 전면광고 1과 전면광고 2와 배너광고 1을 추가했다면 서로 다른 광고 ID 3개가 부여된다.)

 

 

그럼 이 광고 단위들을 어떻게 쓰는지 알아보도록 하겠습니다.

 

우선 안드로이드 스튜디오에 몇 가지 설정 및 확인을 해야 합니다.

 

1. 안드로이드 스튜디오 버전이 3.2 이상인지 확인

2. build.gradle(:app)에서 minSdkVersion이 19 이상인지 확인

3. build.gradle(:app)에서 compileSdkVersion이 28 이상인지 확인

 

참고로 minSdkVersion과 compileSdkVersion은 주기적으로 버전 값이 올라가니 

시작하기  |  Android  |  Google for Developers

Google for Developers 공식 사이트에서 확인 후 build.gradle에서 값을 수정하시기 바랍니다.

 

4.build.gradle에

​

buildscript {
    repositories {
        google()
        mavenCentral()
    }
}

allprojects {
    repositories {
        google()
        mavenCentral()
    }
}

코드를 추가해 줍니다.

 

5. build.gradle(:app)에

dependencies {
  implementation 'com.google.android.gms:play-services-ads:22.1.0'
}

코드를 추가해 줍니다.

 

6. 마지막으로 Manifest.xml에

<manifest>
    <application>
        <!-- Sample AdMob app ID: ca-app-pub-3940256099942544~3347511713 -->
        <meta-data
            android:name="com.google.android.gms.ads.APPLICATION_ID"
            android:value="ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy"/>
    </application>
</manifest>

내가 AdMob에서 부여받았던 앱 ID를 입력해 줍니다.

 

7. MainActivity에 초기화 코드 넣기

MobileAds.initialize(this, new OnInitializationCompleteListener() {

    @Override

    public void onInitializationComplete(@NonNull InitializationStatus initializationStatus) {

    }

});

이 코드는 광고를 로딩하기 전에 완료 핸들러가 호출될 때까지 기다려서 모든 조정 어댑터가 초기화됩니다.

이것은 MainActivity 안의 onCreate() 안에 한 번만 작성해 주도록 합니다.

 

이제 광고 삽입에 필요한 준비가 끝났습니다.

 

전면광고 코드 작성을 해보도록 하겠습니다.

private InterstitialAd mInterstitialAd;

​

                    ---생략---

​

    AdRequest adRequest = new AdRequest.Builder().build();

    InterstitialAd.load(getContext(), "ca-app-pub-3940256099942544/1033173712", adRequest,

        new InterstitialAdLoadCallback() {

            @Override

            public void onAdLoaded(@NonNull InterstitialAd interstitialAd) {

                mInterstitialAd = interstitialAd;

                mInterstitialAd.setFullScreenContentCallback(new FullScreenContentCallback() {

                    @Override

                    public void onAdFailedToShowFullScreenContent(@NonNull AdError adError) {

                        mInterstitialAd = null;

                    }

                    @Override

                    public void onAdShowedFullScreenContent() {

                        super.onAdShowedFullScreenContent();

                    }

                    @Override

                    public void onAdDismissedFullScreenContent() {

                       mInterstitialAd = null;

                    }

                });

            }

            @Override

            public void onAdFailedToLoad(@NonNull LoadAdError loadAdError) {

                mInterstitialAd = null;

            }

        });

 

저기 ca-app-pub-3940256099942544/1033173712 광고 ID는 개발 중 시험할 수 있는 공용 전면 광고 ID입니다.

본인이 부여받은 광고 ID는 배포 직전에 바꾸어 사용하시면 됩니다.

 

마지막으로

public void onClick(View v) {

    if (mInterstitialAd != null) {

        mInterstitialAd.show(NotificationsFragment.this.getActivity());

    } else {}

​버튼을 눌렀을 때 전면광고가 뜨도록 하거나 개개인의 입맛에 맞추어 onClick(~) { 안 }에 있는 코드를 작성하시면 됩니다.

 

이제 배너광고 코드 작성을 해보도록 하겠습니다.

<com.google.android.gms.ads.AdView

android:id="@+id/adView_eng"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerHorizontal="true"

android:layout_alignParentBottom="true"

ads:adSize="BANNER"

ads:adUnitId="ca-app-pub-3940256099942544/6300978111" />

배너 광고를 넣고자 하는 xml 파일에 AdView 코드를 이렇게 입력하도록 합니다.

여기 있는 ca-app-pub-3940256099942544/6300978111 광고 ID는 개발 중 시험할 수 있는 공용 배너 광고 ID입니다. 본인이 부여받은 광고 ID는 배포 직전에 바꾸어 사용하시면 됩니다.

 

이제 xml 파일에 해당하는 java 코드를 작성해 보도록 하겠습니다.

private AdView adView;

​

 ----중략----

​

    adView = rootView.findViewById(R.id.adView);

    AdRequest adRequest = new AdRequest.Builder().build();

    adView.loadAd(adRequest);

    AdView adView = new AdView(getContext());

    adView.setAdSize(AdSize.BANNER);

    adView.setAdUnitId("\n" +"ca-app-pub-3940256099942544/6300978111");

이렇게만 간단히 입력해 주면 배너광고 부착이 완료됩니다.

 

요번 포스트에서는 전면광고와 배너광고 부착 코드 및 AdMob 사용법에 대해 알아보았습니다.

앱을 개발하시는 분들이라면 적어도 한 번쯤은 사용하게 되실 텐데 그리 어려운 과정은 아니기 때문에

금방 사용하실 수 있을 거라 생각하며 글을 마무리하도록 하겠습니다.