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