Ce guide explique comment utiliser Google Mobile Ads SDK for React Native pour charger et afficher des annonces de DT Exchange à l'aide de la médiation. Il aborde notamment les intégrations en cascade. Vous apprendrez à ajouter DT Exchange à la configuration de médiation d'un bloc d'annonces et à intégrer le SDK DT Exchange et son adaptateur dans une application React Native.
Intégrations et formats d'annonces pris en charge
L'adaptateur de médiation React Native pour DT Exchange offre les fonctionnalités suivantes :
| Intégration | |
|---|---|
| Enchères | |
| Cascade | |
| Formats | |
| Ouverture de l'application | |
| Bannière | |
| Interstitiel | |
| Accordé | |
| Interstitiel avec récompense | |
| Natif | |
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 15.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 DT Exchange
Ajouter une application et un emplacement d'annonce
Inscrivez-vous ou connectez-vous à la console DT Exchange.
Cliquez sur Ajouter une application.

Choisissez votre plate-forme et vos emplacements, remplissez le reste du formulaire, puis cliquez sur Create App (Créer une application).
Android

iOS

Saisissez les noms et sélectionnez les types de vos emplacements. Cliquez ensuite sur Enregistrer l'emplacement.
ID d'application et ID d'emplacement
Pointez sur la barre de navigation de gauche pour l'ouvrir, puis cliquez sur Gestion des applications.

Sur la page Gestion des applications, notez l'ID d'application à côté de votre application.

Sélectionnez votre application, puis accédez à l'onglet Emplacements. Notez l'ID d'emplacement.
Référence éditeur, clé client et secret client
Cliquez sur votre nom d'utilisateur dans le menu de gauche, puis sélectionnez Profil utilisateur.

Notez la référence éditeur, la clé client et le secret client, car vous en aurez besoin à l'étape suivante.
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.
Pour implémenter app-ads.txt pour DT Exchange, ajoutez DT à votre fichier app-ads.txt.
Étape 2 : Configurer la demande DT Exchange 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 DT Exchange à 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 DT Exchange (Fyber Monetization) à la liste des partenaires publicitaires concernés dans l'UI AdMob.
Étape 3 : Importer le SDK et l'adaptateur DT Exchange
Dans le répertoire racine de votre projet, installez l'adaptateur de médiation Google Mobile Ads SDK for React Native pour DT Exchange. 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/dt-exchange/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/dt-exchange/gma-mediation-dtexchange-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-dtexchange-0.1.0.tgzfil
yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz
Étape 4 : Implémenter les paramètres de confidentialité sur le SDK DT Exchange
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 DT Exchange React Native 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 DT Exchange. Pour en savoir plus, consultez la documentation sur le RGPD pour Android et iOS.
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é.
L'exemple de code suivant montre comment transmettre manuellement les informations de consentement à l'adaptateur DT Exchange :
import { DTExchangeMediation } from '@google/gma-mediation-dtexchange';
// ...
DTExchangeMediation.setUSPrivacyString('myUSPrivacyString');
// You can also clear CCPA consent information using the following method:
DTExchangeMediation.clearUSPrivacyString();
Pour en savoir plus et connaître les valeurs pouvant être fournies dans la méthode, consultez l'article de DT Exchange sur le CCPA Open Source.
Étape 5 : Ajouter le code requis
Android
Aucun code supplémentaire n'est requis pour l'intégration de DT Exchange.
iOS
Intégration de SKAdNetwork
Suivez la documentation de DT Exchange 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 de DT Exchange, activez le test d'une seule source d'annonces dans l'inspecteur d'annonces en utilisant la ou les sources d'annonces DT Exchange (enchères) et DT Exchange (cascade).
Codes d'erreur
Si l'adaptateur ne reçoit pas d'annonce de DT Exchange, les éditeurs peuvent vérifier l'erreur sous-jacente dans la réponse d'annonce à l'aide de ResponseInfo dans la classe suivante :
Android
com.google.ads.mediation.fyber.FyberMediationAdapter
iOS
GADMediationAdapterFyber
Voici les codes et les messages associés que génère l'adaptateur DT Exchange lorsque le chargement d'une annonce échoue :
Android
| Code d'erreur | Motif |
|---|---|
| 101 | Les paramètres du serveur DT Exchange configurés dans l'UI AdMob sont manquants ou non valides. |
| 103 | La taille d'annonce demandée ne correspond pas à une taille de bannière compatible avec DT Exchange. |
| 105 | Le SDK DT a chargé une annonce, mais a renvoyé un contrôleur inattendu. |
| 106 | L'annonce n'est pas prête à être diffusée. |
| 107 | Le contexte n'est pas une instance d'activité. |
| 108 | Échec de l'affichage de l'annonce. |
| 200-399 | Le SDK DT a renvoyé une erreur. Pour en savoir plus, consultez le code. |
iOS
| Code d'erreur | Motif |
|---|---|
| 0-10 | Le SDK DT a renvoyé une erreur. Pour en savoir plus, consultez la documentation. |
| 101 | Les paramètres du serveur DT Exchange configurés dans l'interface utilisateur d'AdMob sont manquants ou non valides. |
| 102 | La taille d'annonce demandée ne correspond pas à une taille de bannière compatible avec DT Exchange. |
| 103 | Échec de l'affichage de l'annonce, car l'objet d'annonce a déjà été utilisé. |
| 104 | Échec de l'affichage des annonces DT Exchange, car l'annonce n'est pas prête. |
| 105 | Le SDK DT a renvoyé une erreur d'initialisation. |
Version 0.1.0
- Version initiale.
- Compatible avec l'adaptateur DT Exchange pour Android version 8.4.7.1
- Compatible avec l'adaptateur DT Exchange pour iOS version 8.4.10.0.
- Conçu et testé avec le plug-in Google Mobile Ads React Native version 0.1.0.