Cara coding iklan Admob di Android Studio (Kotlin)

Cara coding iklan Admob di Android Studio (Kotlin)

Tutorial ini menggunakan Android studio untuk membuatnya silaka teman-teman bisa memabaca artikel saya sebelumnya tentang Menginstall Android studio


1. Membuat Project di Android Studio

pertama kita akan membuat sebuah project terlebih dahulu di Android Studio, teman-teman bisa memulai dengan klik Menu File > New > New Project

Setelah itu kita akan menggunakan Empty Activity klik saja lalu klik Next

Selanjutnya kita tentukan berupa nama aplikasi, package name dan lain lain sebagai contoh dibawah ini

Nama Aplikasi    : Admob Demo
Package Name    : com.imanancin.admobdemo
Save Location    : (silahkan sesuaikan tempatnya)
Bahasa yang digunakan    : Kotlin
Minimum SDK                 : API 21:  Android 5.0 (Lollipop)

Membuat Project di Android Studio


Setekah selesai kita klik Next lalu tunggu proses Inisialisai project sampai selesai, biasanya membutuhkan waktu beberapa menit.


2. Menambahkan Library admob

Selanjutnya kita akan menambahkan library admob karena memang kita harus menambahkan nya secara manual, pastikan repostory google() dan mavenCentral() terdapat di file build.gradle (project), biasanya ini dilakukan otomatis oleh Android studio, jadi kalau sudah ada bisa langsung ke langkah berikutnya
buildscript {
    repositories {
+        google()
+        mavenCentral()
    }
}

allprojects {
    repositories {
+        google()
+        mavenCentral()
    }
}


Lalu kita tambahkan library play-service-ads di file build.gradle (app)

dependencies {
+  implementation 'com.google.android.gms:play-services-ads:21.1.0'
}
menambahkan Library admob

seletelah selesai jangan lupa untuk melakukan sync gradle. teman-teman bisa melakukannya dengan klik File > Sync Project with Gradle Files. tunggu sampai proses sync gradle selesai.

3. Menambahkan Admob AppId di AndroidManifest.xml

Selanutnya kita Tambahkan di AndroidManifest.xml, kode xml dibawah ini diantara tag <application> ...</application> silahkan ganti string ca-app-pub-xxxxxxxxxxxxxxxx~yyyyyyyyyy dengan admob app id punya kalian. kalau belum punya bisa menggunakan App-Id test ad punya admob ca-app-pub-3940256099942544~3347511713


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


Menambahkan Admob AppId di AndroidManifest.xml


4. Inisialisai iklan Admob di MainActivity.kt

dibagian ini kita akan memasukan kode program untuk meng-inisialisi iklan admobnya tempatkan di Sebuah activity misal MainActivity.kt di method onCreate()

import com.google.android.gms.ads.MobileAds

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

+        MobileAds.initialize(this) {}
    }
}


Apabila terdapat merah pada kode diatas teman-teman bisa melakukan Import dengan cara arahkan kursor ke kode yang berwarna merah tersebut lalu klik Import

5. Menambahkan kode XML admob

Sekarang kita akan menambahkan kode xml untuk menampilkan iklannya, disini saya hanya mencontohkan kode untuk  menampilkan Admob type banner saja

kita buka file activity_main.xml lalu hapus semua nya dan ganti menjadi seperti dibawah ini

 <?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="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <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="ca-app-pub-3940256099942544/6300978111">
    </com.google.android.gms.ads.AdView>

 </RelativeLayout>
Menambahkan kode XML admob


6. Panggil iklan Admob

pada langkah ke 4 kita sudah menginisialisai kode iklan admob dibawha ini  kita Update file MainActivity.kt untuk memanggil iklan dengan type banner silahkan tambahkan kodenya menjadi seperti ini


import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdView

class MainActivity : AppCompatActivity() {

    lateinit var mAdView : AdView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        MobileAds.initialize(this) {}

        mAdView = findViewById(R.id.adView)
        val adRequest = AdRequest.Builder().build()
        mAdView.loadAd(adRequest)
    }
}
Panggil iklan Admob


7. Tes Aplikasi di Emulator/HP

Apabila sudah selesai kita akan melakukan test Aplikasi melalui Emulator atau Hp Android teman-teman. pastikan Android studio sudah terhubung dengan Emulator Android atau Hp android teman-teman melalui USB Debugging. lalu kita klik tombol Play warna hijau seperti digambar dibawah ini.

Tes Aplikasi di Emulator/HP

8. Demo Aplikasi dijalankan Di Android

Demo Aplikasi dijalankan Di Android


Next Post Previous Post
No Comment
Add Comment
comment url