Crear un banner con Admob en Android Java o Kotlin

Tiempo de lectura: 3 minutos

Crear un banner con AdMob en una aplicación Android es un proceso que implica varios pasos. A continuación, te proporcionaré un tutorial básico paso a paso utilizando Java o Kotlin y el SDK de AdMob.

Paso 1: Configuración de AdMob

1. Crea una cuenta de AdMob: Si aún no tienes una cuenta de AdMob, ve a AdMob y regístrate.
2. Crea una aplicación y un anuncio:
   • Después de iniciar sesión en AdMob, crea una nueva aplicación y un nuevo anuncio de banner.
3. Obtén el ID de la unidad de anuncios:
   • Copia el ID de la unidad de anuncios que has creado, ya que lo necesitarás en el código de tu aplicación.

Paso 2: Configuración del Proyecto Android

1. Abre tu proyecto en Android Studio:
   • Asegúrate de tener Android Studio instalado y abre tu proyecto.
2. Agrega la dependencia de AdMob:
   • Abre tu archivo build.gradle (Module: app) y asegúrate de tener la siguiente dependencia:gradle

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

Añade tambien el id de aplicación (recomiendo que lo guardes en strings de tu app):

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

Cambia el contenido de @string/ads_app por el id de tu aplicación.

Sincroniza el proyecto:

• Sincroniza tu proyecto para que las dependencias se descarguen e instalen.

Paso 3: Implementación del Banner en tu Actividad

1. Crea un banner exportable:
   • Crea un nuevo archivo llamado banner.xml dentro de res > layout y ahora añade este contenido:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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:id="@+id/banner"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_alignParentBottom="true"
    android:orientation="vertical">

    <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_gravity="center"
        ads:adSize="BANNER"
        ads:adUnitId="tu_id_de_unidad_de_anuncios "/>

</LinearLayout>

En tu_id_de_unidad_de_anuncios tendrás que añadir tú id de anuncio admob creado.

*Te recomiendo que guardes el id de anuncios en Strings para poder cambiarlo rápidamente en el futuro.

Para ello:

• Ve a res > values > strings

• Añade una nueva clave, con tú id de anuncios.

 <string name="ads_banner" translatable="false">tu_id_de_unidad_de_anuncios</string>

• Para utilizarlo tendrás que poner:

ads:adUnitId="@string/ads_banner"

2. Añade el banner al View donde desees mostrarlo:

<include layout="@layout/banner"></include>

Y listo:

3. Añadir el código al activity:

Código en Java:

Abre tu archivo Java (MainActivity.java por ejemplo) y agrega el siguiente código para cargar el banner:

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

public class MainActivity extends AppCompatActivity {

    private AdView adView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // Busca el AdView por su ID
        adView = findViewById(R.id.adView);

        // Crea una solicitud de anuncio
        AdRequest adRequest = new AdRequest.Builder().build();

        // Carga el anuncio en el AdView
        adView.loadAd(adRequest);
    }

    @Override
    protected void onDestroy() {
        // Libera los recursos cuando la actividad se destruye
        if (adView != null) {
            adView.destroy();
        }
        super.onDestroy();
    }
}

Código en Kotlin:

import android.os.Bundle
import androidx.appcompat.app.AppCompatActivity
import com.google.android.gms.ads.AdRequest
import com.google.android.gms.ads.AdView

class MainActivity : AppCompatActivity() {

    private lateinit var adView: AdView

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

        // Busca el AdView por su ID
        adView = findViewById(R.id.adView)

        // Crea una solicitud de anuncio
        val adRequest = AdRequest.Builder().build()

        // Carga el anuncio en el AdView
        adView.loadAd(adRequest)
    }

    override fun onDestroy() {
        // Libera los recursos cuando la actividad se destruye
        adView.destroy()
        super.onDestroy()
    }
}

Paso 4: Permisos en el Manifiesto

Asegúrate de tener el permiso de acceso a Internet en tu archivo AndroidManifest.xml:

<uses-permission android:name="android.permission.INTERNET" />

Paso 5: Ejecutar la Aplicación

¡Eso es todo! Ahora deberías poder ejecutar tu aplicación y ver el banner de AdMob en la parte superior o inferior de tu activity.

Ten en cuenta que puede tomar algún tiempo antes de que los anuncios aparezcan después de la implementación debido a la configuración y la carga de anuncios desde AdMob.

Extra: código de pruebas

Comparto el código de pruebas por defecto con el que se recomienda ejecutar en entorno de desarrollo cualquier anuncio que quieras mostrar para evitar ser penalizado por Google Admob:

<string name="ads_app" translatable="false">ca-app-pub-3940256099942544~3347511713</string>
<string name="ads_banner" translatable="false">ca-app-pub-3940256099942544/6300978111</string>