Android 中的 Admob 插頁式廣告

什麼是 Android 中的 Admob 橫幅廣告？

Admob 是 Google 的廣告中介平臺。我們可以用它在 Android 應用程式中顯示廣告。同時，我們也可以透過在應用程式中顯示廣告來賺錢。我們可以顯示不同型別的廣告。在本文中，我們將瞭解如何在 Android 應用程式中顯示 Admob 插頁式廣告。

在 Android 中實現 Admob 插頁式廣告

我們將建立一個簡單的應用程式，在這個應用程式中，我們將簡單地顯示一個文字檢視和一個按鈕。點選該按鈕後，使用者將能夠在我們的應用程式中看到插頁式廣告。我們將按照分步指南，使用 Kotlin 在我們的 Android 應用程式中實現 Motion Layout。

步驟 1：在 Android Studio 中建立一個新專案

導航到 Android Studio，如下圖所示。在下圖中，點選“新建專案”以建立一個新的 Android Studio 專案。

點選“新建專案”後，您將看到如下螢幕。

在此螢幕中，我們只需選擇“空活動”並點選“下一步”。點選“下一步”後，您將看到如下螢幕。

在此螢幕中，我們只需指定專案名稱。然後包名將自動生成。

注意 - 請確保選擇 Java 作為語言。

指定所有詳細資訊後，點選“完成”以建立一個新的 Android Studio 專案。

專案建立完成後，我們將看到開啟的兩個檔案，即 activity_main.xml 和 MainActivity.java 檔案。

步驟 2：在 build.gradle 檔案中新增依賴項以使用此庫

導航到 Gradle Scripts > build.gradle 檔案，並在 dependencies 部分新增以下依賴項。

implementation 'com.google.android.gms:play-services-ads:21.5.0'

新增上述依賴項後，您將在 IDE 的右上角看到“立即同步”選項。只需點選它即可同步您的專案並在您的專案中安裝此依賴項。

步驟 3：在 AndroidManifest.xml 檔案中新增 Admob 應用程式 ID

導航到 app > AndroidManifest.xml 檔案，並在 application 標籤內新增以下內容。

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

說明 - 在上面的程式碼中，我們將名稱指定為 application id，並將它的值作為 Application ID 傳遞。目前，我們為了測試目的指定了 Admob 測試應用 ID。稍後，我們可以透過新增 Admob 提供的原始 ID 來更改它。

步驟 4：使用 activity_main.xml

導航到 activity_main.xml。如果此檔案不可見，則開啟此檔案。在左側窗格中導航到 app > res > layout > activity_main.xml 以開啟此檔案。開啟此檔案後，向其中新增以下程式碼。程式碼中添加了註釋以詳細瞭解。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:app="http://schemas.android.com/apk/res-auto"
   xmlns:tools="http://schemas.android.com/tools"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical"
   tools:context=".MainActivity">

   <!-- on below line creating a text view for heading of application-->
   <TextView
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_above="@id/idBtnDisplayAd"
      android:layout_centerInParent="true"
      android:layout_margin="10dp"
      android:text="Admob Interstitial Ads in Android"
      android:textAlignment="center"
      android:textColor="@color/black"
      android:textSize="25sp"
      android:textStyle="bold" />

   <!-- on below line creating a button to display ads-->
   <Button
      android:id="@+id/idBtnDisplayAd"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:layout_centerInParent="true"
      android:layout_margin="10dp"
      android:text="Display Ad"
      android:textAllCaps="false" />
</RelativeLayout>

說明 - 在上面的程式碼中，我們將根佈局建立為相對佈局。在此佈局內，我們建立一個簡單的文字檢視來顯示應用程式的標題。

之後，我們建立一個按鈕，當用戶點選此按鈕時，將用於顯示插頁式廣告。

步驟 5：使用 MainActivity.java 檔案

導航到 MainActivity.java。如果此檔案不可見，則開啟此檔案。在左側窗格中導航到 app > java > 您應用的包名 > MainActivity.java 以開啟此檔案。開啟此檔案後，向其中新增以下程式碼。程式碼中添加了註釋以詳細瞭解。

package com.example.androidjavaapp;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Context;
import android.os.Bundle;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterViewFlipper;
import android.widget.BaseAdapter;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;
import android.widget.Toast;

import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
import com.google.android.gms.ads.LoadAdError;
import com.google.android.gms.ads.MobileAds;
import com.google.android.gms.ads.initialization.InitializationStatus;
import com.google.android.gms.ads.initialization.OnInitializationCompleteListener;
import com.google.android.gms.ads.interstitial.InterstitialAd;
import com.google.android.gms.ads.interstitial.InterstitialAdLoadCallback;

public class MainActivity extends AppCompatActivity {

   // on below line creating variable for button.
   private Button displayAdBtn;

   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      // on below line initialing mobile ads.
      MobileAds.initialize(this, new OnInitializationCompleteListener() {
         @Override
         public void onInitializationComplete(InitializationStatus initializationStatus) {
            // on below line displaying a log that admob ads has been initialized.
            Log.i("Admob", "Admob Initialized.");
         }
      });

      // on below line initializing variables.
      displayAdBtn = findViewById(R.id.idBtnDisplayAd);
      // on below line creating and initializing variable for adRequest
      AdRequest adRequest = new AdRequest.Builder().build();
      // on below line adding click listener for display ads button.
      displayAdBtn.setOnClickListener(new View.OnClickListener() {
         @Override
         public void onClick(View v) {
            // on below line we are loading interstitial ads setting ad unit id to it, ads request and callback for it.
            InterstitialAd.load(getApplicationContext(), "ca-app-pub-3940256099942544/1033173712", adRequest, new InterstitialAdLoadCallback() {
               @Override
               public void onAdLoaded(@NonNull InterstitialAd interstitialAd) {
                  // this method is called when ad is loaded in that case we are displaying our ad.
                  interstitialAd.show(MainActivity.this);
               }

               @Override
               public void onAdFailedToLoad(@NonNull LoadAdError loadAdError) {
                  // this method is called when we get any error
                  Toast.makeText(MainActivity.this, "Fail to load ad..", Toast.LENGTH_SHORT).show();
               }
            })
         }
      });
   }
}

說明 - 在上面的程式碼中，我們為我們將用於顯示廣告的按鈕建立一個變數。然後，在 onCreate 方法中，我們首先初始化移動廣告並在 onInitialize 方法中顯示日誌訊息。之後，我們使用我們在 activity_main.xml 檔案中指定的 ID 初始化該變數。之後，我們為廣告請求建立並初始化變數。然後，我們為我們的按鈕新增一個點選偵聽器來顯示廣告。在點選偵聽器中，我們載入我們的插頁式廣告，為此，我們向其傳遞上下文、廣告單元 ID、廣告請求和回撥。在 Ad load 方法中，我們呼叫 show 方法來顯示我們的廣告。在 Ad failed 方法中，我們顯示一個錯誤吐司訊息。

新增上述程式碼後，我們只需點選頂部欄中的綠色圖示即可在移動裝置上執行我們的應用程式。

注意 - 請確保您已連線到您的真實裝置或模擬器。

結論

在上面的教程中，我們瞭解了 Android 中的 Admob 插頁式廣告是什麼，以及如何在 Android 應用程式中實現它們並從中賺錢。

更新於：2023年3月14日

3K+ 次瀏覽

啟動您的 職業生涯

完成課程後獲得認證

開始學習
廣告
© . All rights reserved.