How to Integrate Collapsible Banner Ads (AdMob) in Android Studio

 AdMob Collapsible Banner Ads Implementation 

Image by Google

Collapsible banner ads are a great way to increase user engagement and revenue. They initially show up as a larger, half-screen overlay but can be "collapsed" by the user to the standard banner size, making the ad less intrusive.

Here is a step-by-step guide to setting up a Collapsible Banner Ad in Android Studio Kotlin.

Step 1: Add the Dependency

dependencies {
    implementation("com.google.android.gms:play-services-ads:23.0.0")
}

Step 3: Add Metadata in AndroidManifest

<!-- Inside application -->
<meta-data
    android:name="com.google.android.gms.ads.APPLICATION_ID"
    android:value="@string/admob_AppId" />

Step 2: Define the Ad Container

<FrameLayout
    android:id="@+id/adContainer"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/transparent"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toStartOf="parent" />

Step 3: Implement the Logic (Kotlin)

// Imports 
import com.google.ads.mediation.admob.AdMobAdapter
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdSize
import com.google.android.gms.ads.AdView

// Top of onCreate 
private var adView: AdView? = null

// Inside onCreate
MobileAds.initialize(this) {} // Once in App 
loadCollapsibleBanner()

// Fun
private fun loadCollapsibleBanner() {
    val adView = AdView(this)

    val adWidth = (resources.displayMetrics.widthPixels / resources.displayMetrics.density).toInt()
    val adSize = AdSize.getCurrentOrientationAnchoredAdaptiveBannerAdSize(this, adWidth)

    adView.adUnitId = getString(R.string.admob_BannerAdId) // Admob Banner Ad Unit Id
    adView.setAdSize(adSize)

    val extras = Bundle().apply { putString("collapsible", "bottom") } // or "top"
    val adRequest = AdRequest.Builder()
        .addNetworkExtrasBundle(AdMobAdapter::class.java, extras)
        .build()

    binding.adContainer.removeAllViews()
    binding.adContainer.addView(adView)
    adView.loadAd(adRequest)
}

override fun onDestroy() {
    adView?.destroy()
    super.onDestroy()
}

Thank you.