[Android Studio] AdMob教學 -- 程式碼實作

摘要

1、取得 AdMob「應用程式 ID」 和 「廣告單元 ID」

2、建立一個最簡單的 android 專案

3、修改 build.gradle 設定

4、修改 AndroidManifests.xml 設定

5、在 layout/activity_main.xml 中新增一個 廣告元件

6、在 MainActivity.java 中，初始化，並設定廣告

步驟

(一) 取得 AdMob「應用程式 ID」 和 「廣告單元 ID」

1、測試用 ID

如果你只是想體驗一下，其實可以直接用他所提供的測試用 ID，測試用 ID資料如下：

測試用應用程式 ID：ca-app-pub-3940256099942544~3347511713
測試用廣告單元 ID：ca-app-pub-3940256099942544/6300978111

2、申請正式 AdMob 帳號

請參考 [Android Studio] AdMob教學 – 帳號申請

(二) 建立一個最簡單的 android 專案

專案名稱為AdmobDemo
請將 activity_main.xml 的 Layout 改為 LinearLayout，來簡化後續的操作

(三) 修改 build.gradle 設定

1、修改專案層級的 build.gradle

加入 google 的 maven 程式倉庫

allprojects {
    repositories {
        jcenter()
        maven {
            url "https://maven.google.com"  
        }
    }
}

2、修改 app層級的 build.gradle

dependencies { 
 implementation fileTree(dir:  'libs', include:  ['*.jar'])
 implementation 'com.android.support:appcompat-v7:26.1.0'  
 implementation 'com.google.android.gms:play-services-ads:15.0.0'   // 加入這行
}

(四) 修改 AndroidManifests.xml 設定

在這以測試用的「應用程式 ID」為例

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

(五) 在 layout/activity_main.xml 中新增一個 廣告元件

(六) 在 MainActivity.java 中，初始化，並設定廣告

在類別中，新增一個變數 mAdView，並將 onCreate

private AdView mAdView;
@Override  
protected void onCreate(Bundle savedInstanceState) {  
 super.onCreate(savedInstanceState);  
 setContentView(R.layout.activity_main);  
 
 // 初始化
 MobileAds.initialize(this, "ca-app-pub-3940256099942544~3347511713");  
 // 載入廣告
 mAdView = findViewById(R.id.adView);  
 AdRequest adRequest = new AdRequest.Builder().build();  
 mAdView.loadAd(adRequest);  
  
}

以下為 app 的畫面