Ce guide explique comment utiliser le SDK Google Mobile Ads pour charger et afficher des annonces depuis Pangle à l'aide de la médiation, en couvrant à la fois les intégrations de cascade d'annonces et d' d'enchères. Il explique comment ajouter Pangle à la configuration de médiation d'un bloc d'annonces, et comment intégrer le SDK et l'adaptateur Pangle dans une Flutter application.
Intégrations et formats d'annonces compatibles
L'adaptateur de médiation AdMob pour Pangle offre les fonctionnalités suivantes:
| Intégration | |
|---|---|
| Enchères | |
| Cascade | |
| Formats | |
| Bannière | |
| Interstitiel | |
| Accordé | |
| Interstitiel avec récompense | |
Conditions requises
- Dernier SDK Google Mobile Ads :
- Flutter 3.7.0 ou version ultérieure
- Pour déployer sur Android :
- API Android niveau 21 ou supérieur
- Pour déployer sur iOS :
- Cible de déploiement iOS 12.0 ou version ultérieure
- Un projet Flutter opérationnel configuré avec le SDK Google Mobile Ads Pour en savoir plus, consultez Premiers pas.
- Suivez le guide de démarrage sur la médiation.
Étape 1: Définissez les configurations dans l'UI Pangle
Inscrivez-vous ou connectez-vous à votre compte Pangle.
Ajouter une application
Accédez à l'onglet Applications et cliquez sur le bouton Add App (Ajouter une application).
Sélectionnez le système d'exploitation pour lequel vous souhaitez créer une application et remplissez le reste du formulaire. Ensuite, cliquez sur Submit (Envoyer).
Android
iOS
Notez l'ID de l'application de votre application.
Android
iOS
Créer un emplacement d'annonce
Une fois votre application créée, cliquez sur le bouton Add (Ajouter) pour créer votre emplacement d'annonce.
Android
iOS
Enchères
Sélectionnez le format d'annonce et le nom de l'emplacement de l'annonce, puis sélectionnez Enchères dans l'application comme type de tarification. Remplissez le reste du formulaire, puis cliquez sur Envoyer.
Une fois votre emplacement d'annonce créé, notez l'ID d'emplacement des annonces.
Android
iOS
Cascade
Sélectionnez le format d'annonce, le nom de l'emplacement de l'annonce et le type de tarification CPM global. Remplissez le reste du formulaire, puis cliquez sur Envoyer.
Une fois votre emplacement d'annonce créé, notez l'ID d'emplacement des annonces.
Android
iOS
Localiser la clé API Pangle Reporting
Enchères
Cette étape n'est pas nécessaire pour les intégrations d'enchères.
Cascade
Notez l'User-ID qui se trouve en bas à gauche de la page.
Cliquez sur Integrations > SDK & API > Pangle Reporting API 2.0 (Intégrations > SDK et API > API Pangle Reporting 2.0). Notez l'ID de rôle et la clé de sécurité.
Activer le mode test
Suivez les instructions du guide Ajouter une annonce test de Pangle pour savoir comment activer les annonces tests Pangle.
Étape 2: Configurez la demande Pangle dans AdMob l'UI
Configurer les paramètres de médiation pour votre bloc d'annonces
Android
Pour obtenir des instructions, consultez l'étape 2 du guide pour Android.
iOS
Pour obtenir des instructions, reportez-vous à l'étape 2 du guide pour iOS.
Étape 3: Importez le SDK Pangle et l'adaptateur
Intégration via pub.dev
(Android uniquement) Ajoutez les dépôts suivants au fichier build.gradle, qui se trouve dans le répertoire android de votre projet:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Ajoutez la dépendance suivante avec les dernières versions du SDKPangle et de l'adaptateur dans le fichier pubspec.yaml de votre package:
dependencies:
gma_mediation_pangle: ^1.0.0
Intégration manuelle
Téléchargez la dernière version du plug-in de médiation Google Mobile Ads pour Pangle, extrayez le fichier téléchargé, puis ajoutez le dossier du plug-in extrait (et son contenu) à votre projet Flutter. Ensuite, référencez le plug-in dans votre fichier pubspec.yaml en ajoutant la dépendance suivante:
dependencies:
gma_mediation_pangle:
path: path/to/local/package
Étape 4: Ajoutez le code requis
Android
Aucun code supplémentaire n'est requis pour l'intégration de Pangle.
iOS
Intégration de SKAdNetwork
Suivez la documentation de Pangle pour ajouter les identifiants SKAdNetwork au fichier Info.plist de votre projet.
Étape 5: Testez votre implémentation
Activer les annonces tests
Veillez à enregistrer votre appareil de test pour AdMob et à activer le mode test dans l' Pangle UI.
Valider les annonces tests
Pour vérifier que vous recevez des annonces tests dePangle, activez le test d'une source d'annonce unique dans l'inspecteur d'annonces à l'aide de Pangle (Bidding) and Pangle (Waterfall) sources d'annonces.
Codes d'erreur
Si l'adaptateur ne reçoit pas d'annonce de Pangle, les éditeurs peuvent vérifier l'erreur sous-jacente de la réponse d'annonce à l'aide de ResponseInfo sous les classes suivantes:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
Voici les codes et les messages associés générés par l'adaptateur Pangle lorsqu'une annonce ne se charge pas:
Android
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Paramètres serveur non valides (ID d'application ou d'emplacement manquant, par exemple). |
| 102 | com.google.ads.mediation.pangle | La taille d'annonce demandée ne correspond pas à une taille de bannière prise en charge par Pangle. |
| 103 | com.google.ads.mediation.pangle | Réponse à l'enchère manquante ou non valide. |
| -1-60000 | com.pangle.ads | Le SDK Pangle a renvoyé une erreur. Consultez la documentation de Pangle pour en savoir plus. |
iOS
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Paramètres serveur non valides (ID d'application ou d'emplacement manquant, par exemple). |
| 102 | com.google.ads.mediation.pangle | La taille d'annonce demandée ne correspond pas à une taille de bannière prise en charge par Pangle. |
| -1-60000 | Envoyé par le SDK Pangle | Le SDK Pangle a renvoyé une erreur. Consultez la documentation de Pangle pour en savoir plus. |
1.0.0
- Version initiale.
- Compatibilité vérifiée avec l'adaptateur Android Pangle version 5.8.0.9.0
- Compatibilité vérifiée avec l'adaptateur iOS Pangle version 5.8.0.8.0