Implementar anuncios intersticiales de Google Admob en Android usando Kotlin

Hay varias formas de ganar dinero con las aplicaciones móviles, como vender productos en línea a través de aplicaciones o simplemente mostrar anuncios dentro de las aplicaciones. Hay tantos tipos de anuncios que podemos mostrar dentro de nuestra aplicación. Google nos proporciona un servicio conocido como Google Admob con la ayuda de la cual podemos mostrar anuncios dentro de nuestra aplicación. En este artículo, veremos específicamente cómo implementar anuncios intersticiales de Admob en aplicaciones de Android usando Kotlin.

Nota : si está buscando implementar anuncios intersticiales dentro de su aplicación de Android usando Java. Implementar anuncios intersticiales de Google Admob en Android usando Java

Implementación paso a paso

Paso 1: crea un nuevo proyecto en Android Studio

Cómo crear/iniciar un nuevo proyecto en Android Studio

Paso 2: Agregar dependencia en build.gradle

Navegue a Gradle scripts > archivo build.gradle y agregue la siguiente dependencia en la sección de dependencias.

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

Después de agregar esta dependencia, simplemente sincronice su proyecto para instalarlo. 

Paso 3: trabajar con el archivo activity_main.xml

Vaya a la aplicación > res > diseño > actividad_principal.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_main.xml .

XML

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">
  
    <!--on below line we are creating a simple text view-->
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:gravity="center"
        android:padding="5dp"
        android:text="Admob Interstitial Ads Example"
        android:textAlignment="center"
        android:textColor="@color/black"
        android:textSize="20sp" />
  
</RelativeLayout>

Paso 4: trabajar con el archivo MainActivity.kt

Vaya al archivo MainActivity.kt y consulte el siguiente código. A continuación se muestra el código del archivo MainActivity.kt . Se agregan comentarios dentro del código para comprender el código con más detalle.

Kotlin

package com.gtappdevelopers.kotlingfgproject
  
import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.google.android.gms.ads.AdListener
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.InterstitialAd
import com.google.android.gms.ads.MobileAds
  
class MainActivity : AppCompatActivity() {
  
    // on below line we are creating a 
    // variable for ad view and ad request
    lateinit var interstitialAd: InterstitialAd
    lateinit var adRequest: AdRequest
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
          
        // on below line we are 
        // initializing our mobile ads.
        MobileAds.initialize(this)
          
        // on below line we are 
        // initializing our ad request.
        adRequest = AdRequest.Builder().build()
          
        // on below line we are 
        // initializing our interstitial ad.
        interstitialAd = InterstitialAd(this)
          
        // on below line we are setting ad 
        // unit id for our interstitial ad.
        interstitialAd.adUnitId = "ca-app-pub-3940256099942544/1033173712"
          
        // on below line we are loading 
        // our ad with ad request
        interstitialAd.loadAd(adRequest)
          
        // on below line we are setting ad 
        // listener for our interstitial ad.
        interstitialAd.setAdListener(object : AdListener() {
            override fun onAdLoaded() {
                // on below line we are calling display 
                // ad function to display interstitial ad.
                displayInterstitialAd(interstitialAd)
            }
        })
    }
}
  
// on below line we are creating a 
// function for displaying interstitial ad.
private fun displayInterstitialAd(interstitialAd: InterstitialAd) {
    // on below line we are 
    // checking if the ad is loaded
    if (interstitialAd.isLoaded) {
        // if the ad is loaded we are displaying
        // interstitial ad by calling show method.
        interstitialAd.show()
    }
}

Paso 5: Agregar metadatos en AndroidManifest.xml

Navegue hasta el archivo manifiesto > AndroidManifest.xml y agregue el siguiente código en la etiqueta de la aplicación. 

XML

<!--on below line we are specifying a test admob application id-->     
<meta-data
   android:name="com.google.android.gms.ads.APPLICATION_ID"
   android:value="ca-app-pub-3940256099942544~3347511713" />

Ahora ejecute su aplicación para ver el resultado. 

Producción:

Publicación traducida automáticamente

Artículo escrito por chaitanyamunje y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *