En esta guía, se muestra cómo usar el SDK de Google Mobile Ads para cargar y mostrar anuncios de Pangle mediante mediación, que abarca y cascada . En ella, se explica cómo agregar Pangle a la configuración de mediación de una unidad de anuncios y cómo integrar el SDK y el adaptador de Pangle en una Flutter app.
Integraciones y formatos de anuncios admitidos
El adaptador de mediación Ad Manager para Pangle tiene las siguientes funciones:
| Integración | |
|---|---|
| Ofertas | |
| Cascada | 1 |
| Formatos | |
| Banner | |
| Intersticial | |
| Recompensado | |
| Anuncio intersticial recompensado | |
| Nativo | |
Requisitos
- SDK de anuncios de Google para dispositivos móviles más reciente
- Flutter 3.7.0 o versiones posteriores
- Para implementar en Android, haz lo siguiente:
- Android con nivel de API 21 o superior
- Para implementar en iOS:
- Objetivo de implementación de iOS 12.0 o una versión posterior
- Un proyecto Flutter en funcionamiento configurado con el SDK de anuncios de Google para dispositivos móviles Consulta Cómo comenzar para obtener más información.
- Completa la guía de introducción de mediación.
Paso 1: Establece la configuración en la IU de Pangle
Regístrate o accede a tu cuenta de Pangle.
Agrega una nueva aplicación
Navega a la pestaña Aplicaciones y haz clic en el botón Agregar aplicación.
Selecciona el Sistema operativo para el que deseas crear una aplicación y completa el resto del formulario. A continuación, haz clic en Submit (Enviar).
Android
iOS
Toma nota del ID de aplicación de tu aplicación.
Android
iOS
Crea una posición de anuncios
Una vez que hayas creado tu aplicación, haz clic en el botón Agregar para crear tu posición de anuncios.
Android
iOS
Ofertas
Selecciona el Formato del anuncio y el Nombre de la posición del anuncio, y elige Ofertas en la aplicación como el Tipo de precio. Completa el resto del formulario y haz clic en Enviar.
Una vez que crees la posición de tu anuncio, toma nota del ID de la posición de anuncios.
Android
iOS
Cascada
Selecciona tu Formato del anuncio y Nombre de la posición del anuncio, y CPM global como el Tipo de precio. Completa el resto del formulario y haz clic en Enviar.
Una vez que crees la posición de tu anuncio, toma nota del ID de la posición de anuncios.
Android
iOS
Cómo encontrar la clave de API de Reporting de Pangle
Ofertas
Este paso no es obligatorio para las integraciones de ofertas.
Cascada
Anota el ID de usuario que aparece en la esquina inferior izquierda de la página.
Haz clic en Integraciones > SDK y API > API de informes de Pangle 2.0. Toma nota del ID de rol y la Clave de seguridad.
Activa el modo de prueba
Sigue las instrucciones de la guía Cómo agregar un anuncio de prueba de Pangle para habilitar los anuncios de prueba de Pangle.
Paso 2: Configura la demanda de Pangle en la IU de Ad Manager
Configura la configuración de 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 SDK y el adaptador de Pangle
Integración a través de pub.dev
(Solo para Android) Agrega los siguientes repositorios al archivo build.gradle dentro del directorio android de tu proyecto:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Agrega la siguiente dependencia con las versiones más recientes del SDK y el adaptador dePangle en el archivo pubspec.yaml de tu paquete:
dependencies:
gma_mediation_pangle: ^1.0.0
Integración manual
Descarga la versión más reciente del complemento de mediación de Google Mobile Ads para
Pangle,
extrae el archivo descargado y agrega la carpeta del complemento extraído
(y su contenido) a tu proyecto de Flutter. Luego, agrega la siguiente dependencia para hacer referencia al complemento en tu archivo pubspec.yaml:
dependencies:
gma_mediation_pangle:
path: path/to/local/package
Paso 4: Agrega el código obligatorio
Android
No se requiere código adicional para la integración de Pangle.
iOS
Integración de SKAdNetwork
Sigue la documentación de Pangle 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 y habilitar el modo de prueba en la IU de Pangle.
Verifica los anuncios de prueba
Para verificar que recibes anuncios de prueba de Pangle, habilita la prueba de fuente del anuncio individual en el inspector de anuncios con las fuentes de anuncios Pangle (licitación) y Pangle (cascada).
Códigos de error
Si el adaptador no recibe un anuncio de Pangle, los publicadores pueden verificar el error subyacente de la respuesta del anuncio con ResponseInfo en las siguientes clases:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
Estos son los códigos y los mensajes que arroja el adaptador de Pangle cuando no se carga un anuncio:
Android
| Código de error | Dominio | Motivo |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Parámetros de servidor no válidos (p. ej., falta el ID de app o el ID de posición) |
| 102 | com.google.ads.mediation.pangle | El tamaño de anuncio solicitado no coincide con un tamaño de banner compatible con Pangle. |
| 103 | com.google.ads.mediation.pangle | Falta la respuesta de la oferta o no es válida. |
| -1-60000 | com.pangle.ads | El SDK de Pangle mostró un error. Consulta la documentación de Pangle para obtener más detalles. |
iOS
| Código de error | Dominio | Motivo |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Parámetros de servidor no válidos (p. ej., falta el ID de app o el ID de posición) |
| 102 | com.google.ads.mediation.pangle | El tamaño de anuncio solicitado no coincide con un tamaño de banner compatible con Pangle. |
| -1-60000 | Enviado por el SDK de Pangle | El SDK de Pangle mostró un error. Consulta la documentación de Pangle para obtener más detalles. |
Registro de cambios del adaptador de mediación de Flutter de Pangle
Siguiente versión
- Se compiló y probó con el complemento de Google Mobile Ads para Flutter versión 5.2.0.
2.0.0
- Se verificó la compatibilidad con la versión 6.1.0.9.0 del adaptador para Android de Pangle.
- Se verificó la compatibilidad con la versión 6.2.0.5.0 del adaptador para iOS de Pangle.
- Se compiló y probó con el complemento de Google Mobile Ads para Flutter versión 5.1.0.
1.1.0
- Se verificó la compatibilidad con la versión 5.9.0.4.0 del adaptador de Android de Pangle.
- Se verificó la compatibilidad con la versión 5.9.0.7.0 del adaptador para iOS de Pangle.
- Se compiló y probó con el complemento de Google Mobile Ads para Flutter versión 5.1.0.
1.0.0
- Versión inicial
- Se verificó la compatibilidad con la versión 5.8.0.9.0 del adaptador de Android de Pangle
- Se verificó la compatibilidad con la versión 5.8.0.8.0 del adaptador para iOS de Pangle.
- Se compiló y probó con la versión 5.0.0 del complemento de Google Mobile Ads para Flutter.