Integra i-mobile con la Mediación de AdMob

En esta guía, se muestra cómo usar el Google Mobile Ads SDK for React Native para cargar y mostrar anuncios de i-mobile con la mediación, lo que incluye las integraciones en cascada. Además, se explica cómo agregar i-mobile a la configuración de mediación de una unidad de anuncios y cómo integrar el SDK y el adaptador de i-mobile en una aplicación nativa de React Native.

La interfaz del panel de i-mobile usa texto en japonés para sus etiquetas, botones y descripciones. Las capturas de pantalla de esta guía no están traducidas. Sin embargo, en las descripciones y las instrucciones de esta guía, las etiquetas y los botones se incluyen junto con su traducción en español entre paréntesis.

Integraciones y formatos de anuncios admitidos

El adaptador de mediación de AdMob para i-mobile tiene las siguientes capacidades:

Integración
Ofertas
Cascada
Formatos
Aplicación abierta
Banner
Intersticial
Recompensado
Intersticial recompensado
Nativo

Requisitos previos

Antes de continuar, verifica lo siguiente:

  • Es la versión más reciente de Google Mobile Ads SDK for React Native.
  • Versión 0.85.0 o posterior del framework de React Native
  • Para realizar la implementación en Android, haz lo siguiente:
    • Nivel de API de Android 24 o posterior
  • Para realizar la implementación en iOS, haz lo siguiente:
    • Objetivo de implementación de iOS 13.0 o posterior
  • Un proyecto de React Native en funcionamiento configurado con Google Mobile Ads SDK for React Native. Consulta Configura Google Mobile Ads SDK for React Native para obtener más detalles
  • Configura la Mediación de AdMob.

Paso 1: Configura los parámetros en la IU de i-mobile

Regístrate o accede a tu cuenta de i-mobile.

Para agregar tu app al panel de i-mobile, haz clic en la pestaña サイト／アプリ管理 (Site/Application Management) y en el botón de la plataforma de tu app.

Android

iOS

Completa el formulario y haz clic en el botón 新規登録 (Registrarse).

Android

iOS

Para crear un nuevo espacio publicitario, selecciona tu app en la pestaña サイト／アプリ管理 (Site/Application Management).

Android

iOS

Navega a la pestaña 広告スポット管理 (Administración de espacios publicitarios) y haz clic en el botón 新規広告スポット (Nuevo espacio publicitario).

create_ad_spot

A continuación, completa el formulario con el 広告スポット名 (nombre del espacio publicitario), el 広告スポットサイズ (tamaño del espacio publicitario) y otros detalles. Luego, haz clic en el botón 新規登録 (Registrarse).

new_ad_spot_form

Tu nuevo espacio publicitario está listo. Para ver los detalles de la integración, haz clic en el botón アプリ設定取得 (Obtener configuración de la app).

ad_spot_list

Toma nota de los valores de パブリッシャーID (ID de publicador), メディアID (ID de contenido multimedia) y スポットID (ID de espacio). Necesitarás estos parámetros más adelante, cuando configures i-mobile para la mediación en la IU de AdMob.

Android

iOS

Actualiza tu archivo app-ads.txt

El archivo app-ads.txt de Authorized Sellers for Apps es una iniciativa de IAB Tech Lab que ayuda a garantizar que tu inventario de anuncios de aplicación solo se venda a través de los canales que identificaste como autorizados. Para evitar pérdidas significativas en los ingresos publicitarios, deberás implementar un archivo app-ads.txt. Si todavía no lo hiciste, configura un archivo app-ads.txt para tu app.

Para implementar app-ads.txt en i-mobile, consulta sus preguntas frecuentes.

Paso 2: Configura la demanda de i-mobile en la IU de AdMob

Configura los parámetros de la mediación para tu unidad de anuncios

Android

Para obtener instrucciones, consulta el paso 2 de la guía para Android.

iOS

Para obtener instrucciones, consulta el paso 2 de la guía para iOS.

Paso 3: Importa el adaptador y el SDK de i-mobile

En el directorio raíz de tu proyecto, instala el adaptador de mediación de Google Mobile Ads SDK for React Native para i-mobile. Completa lo siguiente:

  1. Copia el archivo tar del adaptador Google Mobile Ads SDK for React Native del directorio gma-sdk-react-native/adapters/imobile/ al directorio local_packages/ de tu proyecto. Si no tienes la carpeta adapters, consulta Requisitos previos.

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/imobile/gma-mediation-imobile-0.1.0.tgz local_packages/

    Reemplaza EXTRACT_DIR por la ruta de acceso al directorio en el que extrajiste el archivo.

  2. Instala el paquete del adaptador con el administrador de paquetes que prefieras:

    npm

    npm install ./local_packages/gma-mediation-imobile-0.1.0.tgz

    hilo

    yarn add ./local_packages/gma-mediation-imobile-0.1.0.tgz

  3. Si compilas para Android, agrega el siguiente repositorio al archivo build.gradle en el directorio android de tu proyecto:

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://imobile.github.io/adnw-sdk-android")
    }
}

Paso 4: Se requiere código adicional

Android

No se requiere ningún código adicional para la integración de i-mobile.

iOS

Integración de SKAdNetwork

Sigue la documentación de i-mobile para agregar los identificadores de SKAdNetwork al archivo Info.plist de tu proyecto.

Paso 5: Prueba tu implementación

Habilita los anuncios de prueba

Asegúrate de registrar tu dispositivo de prueba para AdMob. i-mobile proporciona un ID de anuncio, un ID de contenido multimedia y un ID de publicador de prueba, que puedes encontrar aquí.

Verifica los anuncios de prueba

Para verificar que recibes anuncios de prueba de i-mobile, habilita la prueba de una única fuente de anuncios seleccionando i-mobile (Waterfall) en el inspector de anuncios.

Códigos de error

Si el adaptador no recibe un anuncio de i-mobile, los publicadores pueden verificar el error subyacente en la respuesta de solicitud de anuncio con ResponseInfo en las siguientes clases:

Android

Formato Nombre de clase
Banner com.google.ads.mediation.imobile.IMobileAdapter
Intersticial com.google.ads.mediation.imobile.IMobileAdapter
Nativo com.google.ads.mediation.imobile.IMobileMediationAdapter

iOS

Formato Nombre de clase
Banner IMobileAdapter
Intersticial IMobileAdapter
Nativo GADMediationAdapterIMobile

A continuación, se indican los códigos y los mensajes correspondientes que arroja el adaptador de i-mobile cuando no se carga un anuncio:

Android

Código de error Motivo
0-99 El SDK de i-mobile devolvió un error. Consulta el código para obtener más detalles.
101 i-mobile requiere un contexto de Activity para cargar anuncios.
102 Faltan parámetros del servidor de i-mobile configurados en la IU de AdMob o no son válidos.
103 El tamaño del anuncio solicitado no coincide con un tamaño de banner admitido por i-mobile.
104 La devolución de llamada de carga correcta del anuncio nativo de i-mobile devolvió una lista de anuncios nativos vacía.

iOS

Código de error Motivo
0-10 El SDK de i-mobile devolvió un error. Consulta el código para obtener más detalles.
101 Faltan parámetros del servidor de i-mobile configurados en la IU de AdMob o no son válidos.
102 El tamaño del anuncio solicitado no coincide con un tamaño de banner admitido por i-mobile.
103 i-mobile no pudo presentar un anuncio.
104 i-mobile devolvió un array de anuncios nativos vacío.
105 i-mobile no pudo descargar los recursos del anuncio nativo.
106 i-mobile no admite la solicitud de varios anuncios intersticiales con el mismo ID de espacio.

Versión 0.1.0

  • Versión inicial