ページ

2018年2月25日日曜日

FIrebase+Admobをアプリに組み込む

Firebase + Admob

公式ページ (Admon)
FirebaseのアナリティクスとAdmonを連携させてより広告効果を上げれるとの事なのでやって見る。

:computer:環境構築


まずはAdmobに登録する
image.png (386.7 kB)Admobに申し込むにはAdSenseとAdWordsのアカウントが必要らしい。
https://apps.admob.com/ から申し込む
スクリーンショット 2017-12-09 16.27.55.png (77.2 kB)
アプリを登録から諸々設定し、ホーム画面へ
設定中に表示されたアプリIDはメモしておく
スクリーンショット 2017-12-09 16.29.25.png (352.9 kB)

:pencil: アプリに組み込み


事前準備

  1. Firebase SDK をインストールします。
  2. AdMob アカウントを開設し、アプリを登録します。
  3. アプリを Firebase プロジェクトにリンクします。

Android側の設定

build.gradleでSDKをインストール
compile 'com.google.firebase:firebase-ads:11.4.0'
SDKの初期化
ApplicationクラスのonCreateに以下を追加
java
MobileAds.initialize(this, getString(R.string.admob_app_id));
R.string.admob_app_idstring.xmlでアプリIDを設定

バナー表示


今回はバナー広告を表示させてみる
メインのlayoutにAdViewを追加
xml
<RelativeLayout
        ...
        <com.google.android.gms.ads.AdView
            xmlns:ads="http://schemas.android.com/apk/res-auto"
            android:id="@+id/adView"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_alignParentBottom="true"
            ads:adSize="BANNER"
            ads:adUnitId="@string/admob_unit_id" />
</RelativeLayout>
@string/admob_unit_idにはテスト用のIDを設定済み
表示させるActivityのonCreateで以下実装を追加
java
       // Admob
        AdRequest adRequest = new AdRequest.Builder().build();
        mBinding.adView.loadAd(adRequest);


実機でテストAdを表示させる場合

テスト用unit idを設定し一度実機で実行させるとログキャットに
I/Ads: Use AdRequest.Builder.addTestDevice("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX")
to get test ads on this device.
のようなテストDevicesのIDがログに表示されるのでメインアクティビティの設定を
java
AdRequest request = new AdRequest.Builder()
    .addTestDevice("XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX")
    .build();

0 件のコメント:

コメントを投稿