Android 中的 AdMob 橫幅廣告


什麼是 Android 中的 AdMob 橫幅廣告?

AdMob 是 Google 的一個廣告中介平臺。我們可以用它在 Android 應用中展示廣告。同時,透過在應用中展示廣告來賺錢。我們可以展示不同型別的廣告。本文將介紹如何在 Android 應用中展示 AdMob 橫幅廣告。

在 Android 中實現 AdMob 橫幅廣告

我們將建立一個簡單的應用程式,其中我們將簡單地顯示一個 TextView 和一個 AdMob AdView。使用此 adview,我們將顯示我們的橫幅廣告。我們將遵循分步指南,使用 Kotlin 在我們的 Android 應用程式中實現 Motion Layout。

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

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

單擊“新建專案”後,您將看到如下螢幕。

在此螢幕中,我們只需選擇“Empty Activity”並單擊“Next”。單擊“Next”後,您將看到如下螢幕。

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

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

指定所有詳細資訊後,單擊“Finish”以建立新的 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 的右上角看到“Sync Now”選項。只需單擊它即可同步您的專案並在專案中安裝此依賴項。

步驟 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_centerInParent="true" android:layout_margin="10dp" android:text="Admob Banner Ads in Android" android:textAlignment="center" android:textColor="@color/black" android:textSize="25sp" android:textStyle="bold" /> <!-- on below lin creating an AdView ans specifying adsize as banner--> <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_alignParentBottom="true" android:layout_centerHorizontal="true" ads:adSize="BANNER" ads:adUnitId="ca-app-pub-3940256099942544/6300978111" /> </RelativeLayout>

說明 - 在上面的程式碼中,我們將根佈局建立為 RelativeLayout。在此佈局中,我們建立一個簡單的 TextView 來顯示應用程式的標題。

之後,我們在其中指定高度和寬度為 wrap_content 建立一個 AdView。同時,我們為它指定 ID。然後我們將此 AdView 對齊到螢幕底部。然後我們將此 adview 水平居中對齊。之後,我們將廣告大小設定為橫幅廣告,最後新增 adUnit ID 來顯示廣告。在上面的程式碼中,我們出於測試目的使用 AdMob 提供的測試廣告單元 ID。我們可以用 AdMob 提供的廣告單元 ID 更改它。

步驟 5:使用 MainActivity.java 檔案

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

package com.example.androidjavaapp; 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.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.MobileAds; import com.google.android.gms.ads.initialization.InitializationStatus; import com.google.android.gms.ads.initialization.OnInitializationCompleteListener; public class MainActivity extends AppCompatActivity { @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 creating and initializing variable for adView. AdView adView = findViewById(R.id.adView); // on below line creating and initializing variable for adRequest AdRequest adRequest = new AdRequest.Builder().build(); // on below line loading request inside our adview. adView.loadAd(adRequest); } }

說明 - 在上面的程式碼中,在我們的 onCreate 方法中,我們首先初始化我們的 Mobile Ads,在 onInitializedComplete 監聽器方法中,我們只是顯示一個日誌訊息。之後,我們使用我們在 xml 檔案中給出的 id 建立並初始化 adView 變數。之後,我們建立一個 adrequest 來請求廣告,最後設定該 ad request 以在我們的 adView 中載入我們的廣告。

新增上述程式碼後,我們現在只需單擊頂部的綠色圖示即可在移動裝置上執行我們的應用程式。

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

結論

在上面的教程中,我們瞭解了 Android 中的 AdMob 橫幅廣告以及如何在 Android 應用程式中實現它們並從中獲利。

更新於:2023年3月14日

3K+ 次瀏覽

啟動您的 職業生涯

完成課程後獲得認證

開始
廣告
© . All rights reserved.