Ads In RecyclerView

Link to github project

https://androidchunk.com/android-admob-banner-ads-in-recyclerview/

Activity Class

Here ads are from test id

In publishing app provide your own generated adMob id


package com.example.googleads

import android.os.Bundle
import android.util.Log
import androidx.appcompat.app.AppCompatActivity
import com.example.googleads.databinding.ActivityRecyclerViewAdBinding
import com.google.android.gms.ads.AdListener
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdSize
import com.google.android.gms.ads.AdView
import com.google.android.gms.ads.MobileAds


class RecyclerViewAd : AppCompatActivity() {

    private lateinit var binding: ActivityRecyclerViewAdBinding
    
    lateinit var myAdapter: MyAdapter2
    
    private val mListItems = ArrayList<Any>()

    // Define the gap/(items) between each Ads
    val ITEMS_PER_AD = 6

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        binding = ActivityRecyclerViewAdBinding.inflate(layoutInflater)
        setContentView(binding.root)

        // Intialize AdMob 
        MobileAds.initialize(this) {}
        // Add Data to your list 
        addCountriesData();
        // Add AdView to your list 
        addAdMobBannerAds();
        // Create adapter and asign adapter to recyclerView
        myAdapter = MyAdapter2(mListItems)
        binding.myRecyclerView.adapter = myAdapter
        // Start Loading ads
        loadBannerAds();
        
    }


    private fun addCountriesData() {
// Create List According to your Choice 
        mListItems.add(Country(.....))
        mListItems.add(Country(.....))
        mListItems.add(Country(.....))
        mListItems.add(Country(.....))
    }

    private fun addAdMobBannerAds() {
        var i: Int = ITEMS_PER_AD
        while (i <= mListItems.size) {
            val adView = AdView(this@RecyclerViewAd)
            adView.setAdSize(AdSize.BANNER)
            adView.adUnitId = "ca-app-pub-3940256099942544/6300978111"
            mListItems.add(i, adView)
            i += ITEMS_PER_AD
        }
        loadBannerAds()
    }

    private fun loadBannerAds() {
        //Load the first banner ad in the items list (subsequent ads will be loaded automatically in sequence).
        loadBannerAd(ITEMS_PER_AD)
    }

    private fun loadBannerAd(index: Int) {
    
        if (index >= mListItems.size) {
            return
        }
        
        val item: AdView = mListItems[index] as? AdView
            ?: throw ClassCastException("Expected item at index $index to be a banner ad ad.")
        val adView = item as AdView

        // Set an AdListener on the AdView to wait for the previous banner ad
        // to finish loading before loading the next ad in the items list.
        adView.adListener = object : AdListener() {
            override fun onAdLoaded() {
                super.onAdLoaded()
                // The previous banner ad loaded successfully, call this method again to
                // load the next ad in the items list.
                loadBannerAd(index + ITEMS_PER_AD)
            }

            fun onAdFailedToLoad(errorCode: Int) {
                // The previous banner ad failed to load. Call this method again to load
                // the next ad in the items list.
                Log.e(
                    "MainActivity", "The previous banner ad failed to load. Attempting to"
                            + " load the next banner ad in the items list."
                )
                loadBannerAd(index + ITEMS_PER_AD)
            }
        }

        // Load the banner ad.
        adView.loadAd(AdRequest.Builder().build())
    }

    override fun onResume() {
        for (item in mListItems) {
            if (item is AdView) {
                val adView = item as AdView
                adView.resume()
            }
        }
        super.onResume()
    }

    override fun onPause() {
        for (item in mListItems) {
            if (item is AdView) {
                val adView = item as AdView
                adView.pause()
            }
        }
        super.onPause()
    }

    override fun onDestroy() {
        for (item in mListItems) {
            if (item is AdView) {
                val adView = item as AdView
                adView.destroy()
            }
        }
        super.onDestroy()
    }
}

Adapter Class

Change model class As your need

inflate your own View

and set data according to your model class

you can also provide clicklistner if Needed.


package com.example.googleads

import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import android.widget.TextView
import androidx.recyclerview.widget.RecyclerView
import com.google.android.gms.ads.AdView
import java.util.Objects


class MyAdapter2(private val mList: ArrayList<Any>) :
    RecyclerView.Adapter<RecyclerView.ViewHolder>() {

    override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): RecyclerView.ViewHolder {
        return when (viewType) {
            ITEM_TYPE_BANNER_AD -> {
                //Inflate ad banner container
                val bannerLayoutView = LayoutInflater.from(parent.context).inflate(R.layout.banner_ad_row, parent, false)

                //Create View Holder
                MyAdViewHolder(bannerLayoutView)
            }

            ITEM_TYPE_COUNTRY -> {

                //Inflate RecyclerView row
                val view: View =LayoutInflater.from(parent.context).inflate(R.layout.country_row, parent, false)

                MyCountryViewHolder(view)
            }

            else -> {
                val view: View =LayoutInflater.from(parent.context).inflate(R.layout.country_row, parent, false)

                MyCountryViewHolder(view)
            }
        }
    }

    override fun onBindViewHolder(holder: RecyclerView.ViewHolder, position: Int) {

        val viewType = getItemViewType(position)

        when (viewType) {
            ITEM_TYPE_BANNER_AD -> {
                if (mList[position] is AdView) {
                    val bannerHolder = holder as MyAdViewHolder
                    val adView = mList[position] as AdView
                    val adCardView = bannerHolder.itemView as ViewGroup
                    // The AdViewHolder recycled by the RecyclerView may be a different
                    // instance than the one used previously for this position. Clear the
                    // AdViewHolder of any subviews in case it has a different
                    // AdView associated with it, and make sure the AdView for this position doesn't
                    // already have a parent of a different recycled AdViewHolder.
                    if (adCardView.childCount > 0) {
                        adCardView.removeAllViews()
                    }
                    if (adView.parent != null) {
                        (adView.parent as ViewGroup).removeView(adView)
                    }

                    // Add the banner ad to the ad view.
                    adCardView.addView(adView)
                }
            }

            ITEM_TYPE_COUNTRY -> if (mList[position] is Country) {
                val myCountryViewHolder = holder as MyCountryViewHolder
                val (name, capital1, currency1, continent1) = mList[position] as Country

                //Set Country Name
                myCountryViewHolder.textViewName.text = name

                //Set Capital
                val capital = "Capital: $capital1"
                myCountryViewHolder.textViewCapital.text = capital

                //Set Currency
                val currency = "Currency: $currency1"
                myCountryViewHolder.textViewCurrency.text = currency

                //Set Continent
                val continent = "Continent: $continent1"
                myCountryViewHolder.textViewContinent.text = continent
            }

            else -> if (mList[position] is Country) {
                val myCountryViewHolder = holder as MyCountryViewHolder
                val (name, capital1, currency1, continent1) = mList[position] as Country
                myCountryViewHolder.textViewName.text = name
                val capital = "Capital: $capital1"
                myCountryViewHolder.textViewCapital.text = capital
                val currency = "Currency: $currency1"
                myCountryViewHolder.textViewCurrency.text = currency
                val continent = "Continent: $continent1"
                myCountryViewHolder.textViewContinent.text = continent
            }
        }
    }

    override fun getItemCount(): Int {
        return mList.size
    }

    override fun getItemViewType(position: Int): Int {
        return if (position == 0 || mList[position] is Country) {
            ITEM_TYPE_COUNTRY
        } else {
            if (position % 3 == 0) ITEM_TYPE_BANNER_AD else ITEM_TYPE_COUNTRY
        }
    }

    override fun getItemId(position: Int): Long {
        return position.toLong()
    }

    //Country View Holder
    internal inner class MyCountryViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) {
        val textViewName: TextView
        val textViewCapital: TextView
        val textViewCurrency: TextView
        val textViewContinent: TextView

        init {
            textViewName = itemView.findViewById(R.id.countryName)
            textViewCapital = itemView.findViewById(R.id.capital)
            textViewCurrency = itemView.findViewById(R.id.currency)
            textViewContinent = itemView.findViewById(R.id.continent)
        }
    }

    //Banner Ad View Holder
    internal inner class MyAdViewHolder(itemView: View?) : RecyclerView.ViewHolder(
        itemView!!
    )

    companion object {
        private const val ITEM_TYPE_COUNTRY = 0
        private const val ITEM_TYPE_BANNER_AD = 1
    }
}