Ce guide vous explique comment utiliser le SDK Google Mobile Ads pour charger et afficher des annonces provenant de Pangle à l'aide de la médiation, en couvrant à la fois les intégrations de la cascade d'annonces et des 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 à une application. Flutter
Intégrations et formats d'annonces compatibles
L'adaptateur de médiation Ad Manager pour Pangle présente les fonctionnalités suivantes:
| Intégration | |
|---|---|
| Enchères | |
| Cascade | 1 |
| Formats | |
| Bannière | |
| Interstitiel | |
| Avec récompense | |
| Interstitiel avec récompense | |
| Natif | |
Conditions requises
- Dernière version du SDK Google Mobile Ads
- Flutter 3.7.0 ou version ultérieure
- Pour déployer sur Android
- Niveau d'API Android 21 ou supérieur
- Pour déployer sur iOS :
- iOS 12.0 ou version ultérieure comme cible de déploiement
- Un projet Flutter fonctionnel configuré avec le SDK Google Mobile Ads. Pour en savoir plus, consultez la section Premiers pas.
- Suivez le guide de démarrage pour la médiation.
Étape 1: Configurer les configurations dans l'interface utilisateur de Pangle
Inscrivez-vous ou connectez-vous à votre compte Pangle.
Ajouter une application
Accédez à l'onglet Applications, puis cliquez sur le bouton Ajouter une application.
Sélectionnez le système d'exploitation pour lequel vous souhaitez créer une application, puis remplissez le reste du formulaire. Ensuite, cliquez sur Submit (Envoyer).
Android
iOS
Notez l'ID d'application de votre application.
Android
iOS
Créer un emplacement d'annonce
Une fois votre application créée, cliquez sur le bouton Ajouter pour créer votre emplacement publicitaire.
Android
iOS
Enchères
Sélectionnez votre format d'annonce et votre nom d'emplacement d'annonce, puis Enchères dans l'application comme type de tarification. Renseignez le reste du formulaire, puis cliquez sur Envoyer.
Une fois votre emplacement d'annonce créé, notez l'ID de l'emplacement d'annonce.
Android
iOS
Cascade
Sélectionnez le format d'annonce et le nom de l'emplacement d'annonce, puis le CPM global comme type de tarification. Renseignez le reste du formulaire, puis cliquez sur Envoyer.
Une fois votre emplacement d'annonce créé, notez l'ID de l'emplacement d'annonce.
Android
iOS
Trouver la clé API Pangle Reporting
Enchères
Cette étape n'est pas obligatoire pour les intégrations d'enchères.
Cascade
Notez l'ID utilisateur en bas à gauche de la page.
Cliquez sur Intégrations > SDK et API > API Pangle Reporting 2.0. Notez les valeurs des champs Role ID (ID de rôle) et Security Key (Clé de sécurité).
Activer le mode test
Suivez les instructions du guide Ajouter une annonce test de Pangle pour activer les annonces tests Pangle.
Étape 2: Configurer la demande Pangle dans l'interface utilisateur de Ad Manager
Configurer les paramètres de médiation pour votre bloc d'annonces
Android
Pour savoir comment procéder, consultez l'étape 2 du guide Android.
iOS
Pour savoir comment procéder, consultez l'étape 2 du guide pour iOS.
Étape 3: Importer le SDK et l'adaptateur Pangle
Intégration via pub.dev
(Android uniquement) Ajoutez les dépôts suivants au fichier build.gradle 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 SDK et de l'adaptateurPangle 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: Tester votre implémentation
Activer les annonces tests
Assurez-vous d'enregistrer votre appareil de test pour AdMob et d'activer le mode test dans l'UI Pangle.
Valider les annonces tests
Pour vérifier que vous recevez des annonces de test de la part de Pangle, activez le test d'une source d'annonces spécifique dans l'inspecteur d'annonces à l'aide des sources d'annonces Pangle (enchères) et Pangle (cascade d'annonces).
Codes d'erreur
Si l'adaptateur ne parvient pas à recevoir une annonce de Pangle, les éditeurs peuvent vérifier l'erreur sous-jacente de la réponse de l'annonce à l'aide de ResponseInfo dans 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 parvient pas à se charger:
Android
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Paramètres de serveur non valides (par exemple, ID d'application ou d'emplacement manquants). |
| 102 | com.google.ads.mediation.pangle | La taille d'annonce demandée ne correspond pas à une taille de bannière compatible avec Pangle. |
| 103 | com.google.ads.mediation.pangle | Réponse aux enchères manquante ou non valide. |
| -1-60000 | com.pangle.ads | Le SDK Pangle a renvoyé une erreur. Pour en savoir plus, consultez la documentation de Pangle. |
iOS
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pangle | Paramètres de serveur non valides (par exemple, ID d'application ou d'emplacement manquants). |
| 102 | com.google.ads.mediation.pangle | La taille d'annonce demandée ne correspond pas à une taille de bannière compatible avec Pangle. |
| -1-60000 | Envoyé par le SDK Pangle | Le SDK Pangle a renvoyé une erreur. Pour en savoir plus, consultez la documentation de Pangle. |
Journal des modifications de l'adaptateur de médiation Flutter Pangle
Version suivante
- Compilé et testé avec le plug-in Google Mobile Ads Flutter 5.2.0.
2.0.0
- Compatibilité vérifiée avec l'adaptateur Android Pangle version 6.1.0.9.0.
- Compatibilité vérifiée avec l'adaptateur iOS Pangle version 6.2.0.5.0.
- Compilé et testé avec le plug-in Google Mobile Ads Flutter 5.1.0.
1.1.0
- Compatibilité vérifiée avec l'adaptateur Android Pangle version 5.9.0.4.0.
- Compatibilité confirmée avec l'adaptateur iOS Pangle version 5.9.0.7.0.
- Compilé et testé avec le plug-in Google Mobile Ads Flutter 5.1.0.
1.0.0
- Version initiale.
- Compatibilité vérifiée avec l'adaptateur Android Pangle version 5.8.0.9.0
- Compatibilité confirmée avec l'adaptateur iOS Pangle version 5.8.0.8.0
- Compilé et testé avec le plug-in Google Mobile Ads Flutter 5.0.0.