Monday, November 8, 2021

Android Studio Admob Banner

 langkah-langkah memasukan Admob di Android Studio


Step 1 Build New Project Android Studio


Pilih Empty Activity



Click Next


Waiting until done sync project


Step 2 Sync Dependencies google ads

Buka menu gradle script, double klick di build.gradle module bukan yang project ya.

Di bagian dependencies masukan code berikut


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

Tekan sync now


Step 3 membuat tampilan iklan banner.

Buka sub res pilih folder layout pilih activity_main.xml


Tampilan activity_main.xml default


Masukkan code berikut

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

        android:id="@+id/banneradView"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        app:adSize="SMART_BANNER"

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

        app:layout_constraintBottom_toBottomOf="parent"

        tools:ignore="MissingConstraints" />

Akan terlihat tampilan seperti gambar


Jangan lupa untuk memberikan id pengenal banner agar bisa menjalankan fungsinya  android:id="@+id/banneradView" silahkan rubah sesuai keinginan

Untuk mengganti ukuran iklan banner, rubah di bagian code app:adSize="SMART_BANNER"

Untuk mengganti unitid dengan unit id admob kalian, rubah dibagian code app:adUnitId="ca-app-pub-3940256099942544/6300978111"


Step 4 menjalankan fungsi di MainActivity


Buka Di Java Pilih MainActivity


Kita akan memasukan Code Untuk menjalankan fungsi pada tampilan iklan banner di bagian onCreate.

MobileAds.initialize(this, initializationStatus -> {

        });

        AdView mAdView = findViewById(R.id.banneradView);

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

        mAdView.loadAd(adRequest);


Import class MobileAds, AdView dan AdRequest dengan menekan tombol ALT+ENTER 



Sehingga tidak ada warna merah pada code lagi



Step 5 Memasukan id iklan di bagian manifest


Di dalam aplication masukan code berikut untuk memasuka id iklan admob, ingat selalu gunakan id iklan admob test untuk melakukan percobaan.

<!-- Sample AdMob app ID: ca-app-pub-2534957560520009~7361959700 -->

        <meta-data

            android:name="com.google.android.gms.ads.APPLICATION_ID"

            android:value="ca-app-pub-2534957560520009~7361959700" />


Jalankan test android studio untuk melihat hasilnya


IKLAN Banner Admob sukses ditampilkan








build.gradle module

input in dependencies

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


In Manifest

at top <application

agar app berjalan dengan akses internet di android

<uses-permission android:name="android.permission.INTERNET" />


inside <application

untuk memasukan id app admob 

<meta-data

            android:name="com.google.android.gms.ads.APPLICATION_ID"

            android:value="@string/idadmob" />


MainActivity Class

gunakan ini untuk memanggil iklan dari admob di main activity class

MobileAds.initialize(this, initializationStatus -> {

        Log.d(TAG, "onInitializationComplete: ");

  AdView mAdView = findViewById(R.id.banneradView);

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

        mAdView.loadAd(adRequest);

}


Layout

gunakan ini untuk mengatur tampilan banner di layout activity_main

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

       android:id="@+id/banneradView"

       android:layout_width="match_parent"

       android:layout_height="wrap_content"

       app:adSize="SMART_BANNER"

       app:adUnitId="@string/admobidban2"

       app:layout_constraintBottom_toBottomOf="parent"

       tools:ignore="MissingConstraints" />


values

di bagian string masukan code untuk unitid iklan admob

<string name="idadmob">ca-app-pub-1700566970790821~5688285920</string>

<string name="admobidban">ca-app-pub-1700566970790821/1543659801</string>

Disqus Comments