android | Anuncios de banner de AdMob para Android Studio

Los anuncios de banner son una imagen rectangular o anuncios de texto que ocupan un lugar dentro del diseño de una aplicación. Si es nuevo en la publicidad móvil, los anuncios de banner son los más fáciles de implementar. Este artículo le muestra cómo integrar anuncios publicitarios de AdMob en una aplicación de Android.
Ejemplo:
 

Primero, cree un nuevo proyecto en Android Studio y agregue los siguientes códigos para importar el SDK de Google Mobile Ads. 
En el archivo build.gradle a nivel de proyecto , agregue el código resaltado a la sección allprojects

allprojects
{
    repositories
    {
        google()
        jcenter()    
    }
}

En el archivo build.gradle de nivel de aplicación , agregue el código resaltado a la sección de dependencias .  

dependencies
{
    implementation fileTree(dir
                            : 'libs', include
                            : [ '*.jar' ])
    implementation 'com.android.support:appcompat-v7:26.1.0' 
    implementation 'com.google.android.gms:play-services-ads:19.3.0'
}

Agregue su ID de aplicación Admob en el archivo AndroidManifest.xml entre la etiqueta «<aplicación> </aplicación>» como se muestra a continuación. 

XML

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

Agregue el siguiente código a MainActivity para inicializar Mobile Ads SDK (esto solo debe hacerse una vez en el ciclo de vida de la aplicación). Puede encontrar el ID de la aplicación en la consola de AdMob.

Java

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import com.google.android.gms.ads.MobileAds;
import com.google.android.gms.ads.initialization.InitializationStatus;
import com.google.android.gms.ads.initialization.OnInitializationCompleteListener;
 
public class MainActivity extends AppCompatActivity {
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        // Initialize the Mobile Ads SDK
        MobileAds.initialize(this, new OnInitializationCompleteListener() {
            @Override
            public void onInitializationComplete(InitializationStatus initializationStatus) {
             Toast.makeText(this, " successful ", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

Agregue el código resaltado a activity_main.xml para mostrar el anuncio de banner.
archivo actividad_principal.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"
    tools:context=".MainActivity">
 
    <!-- set Banner ad position in UI layout design -->
      <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_centerHorizontal="true"
      android:layout_alignParentBottom="true"
      ads:adSize="BANNER"
      ads:adUnitId="@string/admob_banner_id">
  </com.google.android.gms.ads.AdView>
 
</RelativeLayout>

Agregue el código resaltado a la actividad principal para mostrar el anuncio de banner. 
Archivo MainActivity.java: 

Java

import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import com.google.android.gms.ads.MobileAds;
import com.google.android.gms.ads.initialization.InitializationStatus;
import com.google.android.gms.ads.initialization.OnInitializationCompleteListener;
import com.google.android.gms.ads.AdRequest;
import com.google.android.gms.ads.AdView;
 
public class MainActivity extends AppCompatActivity {
    protected void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        // Initialize the Mobile Ads SDK
          MobileAds.initialize(this, new OnInitializationCompleteListener() {
            @Override
            public void onInitializationComplete(InitializationStatus initializationStatus) {
             Toast.makeText(this, " successful ", Toast.LENGTH_SHORT).show();
            }
        });
 
        AdView mAdView;
          mAdView = findViewById(R.id.adView);
        AdRequest adRequest = new AdRequest.Builder().build();
        mAdView.loadAd(adRequest);
    }
}

Agregue el Id. de la aplicación Admob y el Id. del anuncio de banner a string.xml
archivo strings.xml: 

XML

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string name="admob_app_id">
ca-app-pub-3940256099942544~3347511713</string>
    <string name="admob_banner_id">
ca-app-pub-3940256099942544/6300978111</string>
</resources>

Publicación traducida automáticamente

Artículo escrito por shubhamkhan 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 *