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