Ce guide explique comment utiliser Google Mobile Ads SDK for React Native pour charger et afficher des annonces PubMatic à l'aide de la médiation AdMob, en couvrant les intégrations d'enchères. Vous apprendrez à ajouter PubMatic à la configuration de médiation d'un bloc d'annonces et à intégrer le SDK PubMatic et son adaptateur dans une application React Native.
Intégrations et formats d'annonces pris en charge
L'adaptateur de médiation AdMob pour PubMatic offre les fonctionnalités suivantes :
| Intégration | |
|---|---|
| Enchères | |
| Cascade | |
| Formats | |
| Ouverture de l'application | |
| Bannière | |
| Interstitiel | 1 |
| Accordé | 1 |
| Interstitiel avec récompense | |
| Natif | 1 |
1 Ce format est en version bêta. Contactez votre responsable de compte pour demander l'accès.
Prérequis
Avant de continuer, vérifiez les points suivants :
- Dernière version de Google Mobile Ads SDK for React Native.
- Framework React Native version 0.85.0 ou ultérieure.
- Pour le déploiement sur Android
- Niveau d'API Android 24 ou ultérieur.
- Pour le déploiement sur iOS
- Cible de déploiement iOS 13.0 ou version ultérieure
- Un projet React Native fonctionnel configuré avec Google Mobile Ads SDK for React Native. Pour en savoir plus, consultez Configurer Google Mobile Ads SDK for React Native.
- Assurez-vous d'avoir téléchargé et extrait le dossier
adaptersdu dossiergma-sdk-react-native. Si vous ne disposez pas du dossieradapters, suivez les étapes 1, 2 et 3 de la section Installer Google Mobile Ads SDK for React Native.
- Assurez-vous d'avoir téléchargé et extrait le dossier
- Configurez la médiation AdMob.
Étape 1 : Configurer les paramètres dans l'UI du SDK PubMatic OpenWrap
Inscrivez-vous ou connectez-vous à votre compte PubMatic, puis sélectionnez la fiche OpenWrap SDK.
Ajouter une application
Accédez à l'onglet Applications, puis cliquez sur le bouton Ajouter une application.
Sélectionnez la plate-forme, ainsi que l'URL du magasin d'applications et le nom de l'application pour votre application.
Android
Sous Integration Path (Chemin d'intégration), sélectionnez React Native, puis AdMob - SDK Bidding (AdMob – Enchères par SDK) comme Sub-integration Path (Chemin de sous-intégration). Cliquez ensuite sur le bouton Ajouter une application.
iOS
Sous Integration Path (Chemin d'intégration), sélectionnez React Native, puis AdMob - SDK Bidding (AdMob – Enchères par SDK) comme Sub-integration Path (Chemin de sous-intégration). Cliquez ensuite sur le bouton Ajouter une application.
Mettre à jour votre fichier app-ads.txt
Le fichier
Authorized Sellers for Apps (app-ads.txt) est une initiative de l'IAB Tech Lab visant à garantir que l'inventaire publicitaire de votre application est vendu uniquement par l'intermédiaire des canaux de distribution que vous avez autorisés. Pour éviter une perte importante de revenus publicitaires, vous devez implémenter un fichier app-ads.txt.
Si vous ne l'avez pas encore fait, configurez un fichier app-ads.txt pour votre application.
Avant de finaliser votre application, vous verrez les entrées appropriées à ajouter à votre fichier app-ads.txt.
Pour en savoir plus sur l'implémentation de app-ads.txt pour PubMatic, consultez How to Implement app-ads.txt (en anglais).
ID du profil
Une fois votre application créée, accédez à l'onglet Apps (Applications) et notez l'ID de profil de l'application que vous venez de créer.
Créer un bloc d'annonces
Dans l'onglet Blocs d'annonces, sélectionnez l'application que vous avez créée dans la section précédente, puis cliquez sur le bouton Créer un bloc d'annonces.
Remplissez le formulaire en indiquant les détails de votre bloc d'annonces, puis cliquez sur Enregistrer.
Notez l'ID du bloc d'annonces OpenWrap que vous venez de créer.
Obtenir votre référence éditeur
Accédez au tableau de bord Analytics. Pointez sur l'icône de profil et notez votre ID.
Étape 2 : Configurer la demande SDK PubMatic OpenWrap dans l'UI AdMob
Configurer les paramètres de médiation de votre bloc d'annonces
Android
Suivez les instructions de l'étape 2 du guide pour Android.
iOS
Suivez les instructions de l'étape 2 du guide pour iOS.
Ajouter PubMatic à la liste des partenaires publicitaires soumis au RGPD et aux réglementations des États américains
Suivez les étapes décrites dans Paramètres liés aux réglementations européennes et Paramètres liés aux réglementations des États américains pour ajouter PubMatic à la liste des partenaires publicitaires concernés dans l'UI AdMob.
Étape 3 : Importer le SDK et l'adaptateur du SDK PubMatic OpenWrap
Dans le répertoire racine de votre projet, installez l'adaptateur de médiation Google Mobile Ads SDK for React Native pour le SDK PubMatic OpenWrap. Effectuer les actions suivantes :
Copiez le fichier tar de l'adaptateur Google Mobile Ads SDK for React Native du répertoire
gma-sdk-react-native/adapters/pubmatic/dans le répertoirelocal_packages/de votre projet. Si vous ne disposez pas du dossieradapters, consultez la section Prérequis.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/pubmatic/gma-mediation-pubmatic-0.1.0.tgz local_packages/Remplacez EXTRACT_DIR par le chemin d'accès au répertoire dans lequel vous avez extrait l'archive.
Installez le package de l'adaptateur à l'aide de votre gestionnaire de packages préféré :
npm
npm install ./local_packages/gma-mediation-pubmatic-0.1.0.tgzfil
yarn add ./local_packages/gma-mediation-pubmatic-0.1.0.tgzSi vous développez pour Android, ajoutez le dépôt suivant au fichier
build.gradledans le répertoireandroidde votre projet :repositories { google() mavenCentral() maven { url = uri("https://repo.pubmatic.com/artifactory/public-repos") } }
Étape 4 : Implémenter les paramètres de confidentialité sur le SDK PubMatic OpenWrap
Consentement des utilisateurs de l'UE et RGPD
Pour respecter les Règles de Google relatives au consentement de l'utilisateur dans l'UE, vous devez fournir certaines informations aux utilisateurs de l'Espace économique européen (EEE), du Royaume-Uni et de la Suisse. Vous devez également obtenir leur consentement pour l'utilisation de cookies ou d'autres types de stockage local lorsque la loi l'exige, ainsi que pour la collecte, le partage et l'utilisation de données à caractère personnel pour la personnalisation des annonces. Ces règles reflètent les exigences de la directive vie privée et communications électroniques de l'UE, et celles du Règlement général sur la protection des données (RGPD). Il vous incombe de vérifier que le consentement est transmis à chaque source d'annonces de votre chaîne de médiation.
La version 0.1.0 et les versions ultérieures de l'adaptateur React Native du SDK PubMatic OpenWrap permettent de transmettre les signaux de consentement RGPD des plates-formes de gestion du consentement qui s'intègrent au Transparency and Consent Framework (TCF) de l'IAB au SDK PubMatic OpenWrap. Pour en savoir plus, consultez Transmettre le RGPD et le consentement RGPD.
Lois sur la confidentialité des États américains
Les lois sur la confidentialité des États américains exigent d'offrir aux utilisateurs le droit de s'opposer à la "vente" de leurs "informations personnelles" (selon la définition de ces termes par la loi). Cette possibilité doit être proposée via un lien bien visible indiquant "Do Not Sell My Personal Information" (Ne pas vendre mes informations personnelles) et figurant sur la page d'accueil du "vendeur". Le guide de conformité aux lois sur la confidentialité des États américains vous permet d'activer le traitement restreint des données pour la diffusion d'annonces Google, mais Google ne peut pas appliquer ce paramètre à chaque réseau publicitaire de votre chaîne de médiation. Vous devez donc identifier chaque réseau publicitaire de votre chaîne de médiation susceptible de participer à la vente d'informations personnelles et suivre les conseils propres à chacun pour assurer la conformité.
PubMatic lit automatiquement le consentement CCPA défini par les plates-formes de gestion du consentement compatibles avec la spécification de consentement supplémentaire de Google, y compris le SDK UMP. Pour en savoir plus, consultez Définir la chaîne CCPA.
Étape 5 : Ajouter le code requis
Android
Aucun code supplémentaire n'est requis pour l'intégration de PubMatic.
iOS
Intégration de SKAdNetwork
Suivez la documentation du SDK PubMatic OpenWrap pour ajouter les identifiants SKAdNetwork au fichier Info.plist de votre projet.
Étape 6 : Testez votre implémentation
Activer les annonces test
Enregistrez votre appareil de test pour AdMob.
Vérifier la réception des annonces test
Pour vérifier que vous recevez des annonces test du SDK PubMatic OpenWrap, activez le test d'une seule source d'annonces dans l'inspecteur d'annonces en utilisant la ou les sources d'annonces PubMatic OpenWrap.
Codes d'erreur
Si l'adaptateur ne reçoit pas d'annonce de PubMatic, les éditeurs peuvent vérifier l'erreur sous-jacente à partir de la réponse d'annonce à l'aide de ResponseInfo sous les classes suivantes :
Android
com.pubmatic.sdk
com.google.ads.mediation.pubmatic
iOS
GADMediationAdapterPubMatic
Voici les codes et les messages associés que génère l'adaptateur PubMatic lorsque le chargement d'une annonce échoue :
Android
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pubmatic | La configuration du serveur ne comporte pas de référence éditeur requise. |
| 102 | com.google.ads.mediation.pubmatic | Le format d'annonce n'est pas compatible avec PubMatic ou est manquant dans les données de signal RTB. |
| 103 | com.google.ads.mediation.pubmatic | Échec de la présentation d'une annonce, car elle n'était pas prête. |
| 104 | com.google.ads.mediation.pubmatic | ID de profil manquant ou non valide. |
| 105 | com.google.ads.mediation.pubmatic | ID de bloc d'annonces manquant ou vide. |
| 106 | com.google.ads.mediation.pubmatic | L'annonce avec récompense renvoyée est nulle. |
| 107 | com.google.ads.mediation.pubmatic | Taille de bannière non valide. |
| 1001-5002 | Envoyé par le SDK PubMatic | Le SDK PubMatic a renvoyé une erreur. Pour en savoir plus, consultez la documentation de PubMatic. |
iOS
| Code d'erreur | Domaine | Motif |
|---|---|---|
| 101 | com.google.ads.mediation.pubmatic | La configuration du serveur ne comporte pas de référence éditeur requise. |
| 102 | com.google.ads.mediation.pubmatic | La demande de collecte de signaux d'enchères a échoué, car plusieurs formats, aucun format ou un format non compatible ont été spécifiés dans les paramètres de la demande. |
| 103 | com.google.ads.mediation.pubmatic | Configuration d'annonce non valide pour le chargement d'une annonce. |
| 104 | com.google.ads.mediation.pubmatic | Échec de la présentation d'une annonce interstitielle, car l'annonce n'était pas prête. |
| 105 | com.google.ads.mediation.pubmatic | Échec de la présentation d'une annonce avec récompense, car l'annonce n'était pas prête. |
| 106 | com.google.ads.mediation.pubmatic | Échec du chargement de l'une des sources d'image de l'annonce native. |
| 107 | com.google.ads.mediation.pubmatic | La configuration de l'annonce ne comporte pas de référence éditeur. |
| 108 | com.google.ads.mediation.pubmatic | La configuration d'annonce ne comporte pas d'ID de profil. |
| 109 | com.google.ads.mediation.pubmatic | La configuration de l'annonce contient un ID de profil non numérique. |
| 110 | com.google.ads.mediation.pubmatic | La configuration de l'annonce ne comporte pas d'ID de bloc d'annonces. |
| 111 | com.google.ads.mediation.pubmatic | Le SDK PubMatic OpenWrap n'a pas réussi à instancier une instance de taille d'annonce. |
| 1001-5002 | Envoyé par le SDK PubMatic | Le SDK PubMatic a renvoyé une erreur. Pour en savoir plus, consultez la documentation de PubMatic. |
Version 0.1.0
- Version initiale.
- Compatible avec l'adaptateur PubMatic pour Android version 5.3.0.1
- Compatible avec l'adaptateur PubMatic pour iOS version 5.3.0.0
- Conçu et testé avec le plug-in Google Mobile Ads React Native version 0.1.0.