Ce guide explique comment utiliser Google Mobile Ads SDK for React Native pour charger et afficher des annonces de myTarget à l'aide de la médiation. Il aborde notamment les intégrations en cascade. Vous apprendrez à ajouter myTarget à la configuration de médiation d'un bloc d'annonces et à intégrer le SDK myTarget et son adaptateur dans une application React Native.
Intégrations et formats d'annonces pris en charge
| 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 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 myTarget
Connectez-vous à votre compte myTarget. Accédez à la page "Applications" en cliquant sur APPLICATIONS dans l'en-tête. Ajoutez votre application en cliquant sur AJOUTER UNE APPLICATION.

Si votre application est compatible avec les plates-formes Android et iOS, vous devez configurer chacune d'elles séparément.
Android
Ensuite, indiquez l'URL Google Play de votre application.

iOS
Ensuite, indiquez l'URL iTunes** de votre application.

Lorsque vous ajoutez une application, myTarget vous demande de créer un bloc d'annonces avant de pouvoir terminer le processus.
Bannière
Sélectionnez BANNER (BANNIÈRE) parmi les formats d'annonces disponibles, puis cliquez sur le bouton ADD AD UNIT (AJOUTER UN BLOC D'ANNONCES).

Interstitiel
Sélectionnez INTERSTITIEL parmi les formats d'annonces disponibles, puis cliquez sur le bouton AJOUTER UN BLOC D'ANNONCES.

Accordé
Sélectionnez VIDÉO AVEC RÉCOMPENSE parmi les formats d'annonces disponibles, puis cliquez sur le bouton AJOUTER UN BLOC D'ANNONCES.

Natif
Sélectionnez NATIVE parmi les formats d'annonces disponibles, puis cliquez sur ADD AD UNIT (AJOUTER UN BLOC D'ANNONCES).

Sur la page d'informations de votre bloc d'annonces, notez l'ID de l'espace, qui se trouve sous les paramètres du bloc d'annonces (slot_id). Cet ID d'emplacement sera utilisé pour configurer votre bloc d'annonces AdMob dans la section suivante.

En plus du slot_id, vous aurez également besoin de votre jeton d'accès permanent myTarget pour configurer l'ID de votre bloc d'annonces AdMob. Accédez à l'onglet Profil, puis sélectionnez Jetons d'accès. Cliquez sur Create Token (Créer un jeton) ou Show Token (Afficher le jeton) pour afficher votre jeton d'accès permanent myTarget.

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 myTarget, consultez Créer et publier un fichier.
Activer le mode test
Suivez les instructions de la documentation de myTarget pour ajouter et configurer un appareil de test dans l'UI de myTarget.
Étape 2 : Configurer la demande myTarget 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 Mail.ru à 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 Mail.ru à la liste des partenaires publicitaires concernés dans l'UI AdMob.
Étape 3 : Importer le SDK et l'adaptateur myTarget
Dans le répertoire racine de votre projet, installez l'adaptateur de médiation Google Mobile Ads SDK for React Native pour myTarget. 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/mytarget/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/mytarget/gma-mediation-mytarget-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-mytarget-0.1.0.tgzfil
yarn add ./local_packages/gma-mediation-mytarget-0.1.0.tgz
Étape 4 : Implémenter les paramètres de confidentialité sur le SDK myTarget
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 N/A et les versions ultérieures de l'adaptateur React Native myTarget sont compatibles avec la transmission des signaux de consentement RGPD du SDK UMP et des plates-formes de gestion du consentement qui s'intègrent à la spécification de consentement supplémentaire de Google au SDK myTarget.
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é.
Consultez la section sur les lois sur la confidentialité dans les États américains dans les guides du développeur pour Android et iOS.
Étape 5 : Ajouter le code requis
Android
Aucun code supplémentaire n'est requis pour l'intégration de myTarget.
iOS
Intégration de SKAdNetwork
Suivez la documentation de myTarget 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 et activez le mode test dans l'UI myTarget.
Vérifier la réception des annonces test
Pour vérifier que vous recevez des annonces test de myTarget, activez le test d'une seule source d'annonces dans l'inspecteur d'annonces en utilisant la ou les sources d'annonces myTarget (cascade).
Étapes facultatives
Paramètres spécifiques au réseau
L'adaptateur myTarget permet de transmettre un objet MyTargetMediationExtras à la demande d'annonce afin de définir des paramètres spécifiques au réseau.
Utilisez le paramètre isIosDebugMode pour activer ou désactiver la journalisation de débogage à partir de l'adaptateur iOS myTarget. L'adaptateur iOS sous-jacent active la journalisation par défaut.
Pour en savoir plus, consultez le guide sur les paramètres spécifiques au réseau iOS.
L'exemple de code suivant montre comment définir isIosDebugMode :
import { MyTargetMediationExtras } from '@google/gma-mediation-mytarget';
const request: AdRequest = {
// ...
mediationExtras: [
new MyTargetMediationExtras({
isIosDebugMode: true, // Enable debug logging on iOS
}),
],
};
Codes d'erreur
Si l'adaptateur ne reçoit pas d'annonce de myTarget, les éditeurs peuvent vérifier l'erreur sous-jacente dans la réponse d'annonce à l'aide de ResponseInfo dans les classes suivantes :
Android
com.google.ads.mediation.mytarget.MyTargetAdapter
com.google.ads.mediation.mytarget.MyTargetNativeAdapter
com.google.ads.mediation.mytarget.MyTargetRewardedAdapter
iOS
GADMAdapterMyTarget
GADMediationAdapterMyTargetNative
GADMediationAdapterMyTargetRewarded
Voici les codes et les messages associés que génère l'adaptateur myTarget lorsque le chargement d'une annonce échoue :
Android
| Code d'erreur | Motif |
|---|---|
| 100 | Le SDK myTarget a renvoyé une erreur. |
| 101 | Les paramètres du serveur myTarget configurés dans l'interface utilisateur AdMob sont manquants ou non valides. |
| 102 | La taille d'annonce demandée ne correspond pas à une taille de bannière acceptée par myTarget. |
| 103 | La demande d'annonce n'est pas au format d'annonce native unifiée. |
| 104 | L'annonce native chargée depuis myTarget est différente de l'annonce native demandée. |
| 105 | Il manque certains composants obligatoires (par exemple, une image ou une icône) dans l'annonce native chargée depuis myTarget. |
| 106 | Le SDK myTarget n'a pas réussi à afficher l'annonce. |
iOS
| Code d'erreur | Motif |
|---|---|
| 100 | Le SDK myTarget ne dispose pas encore d'annonce disponible. |
| 101 | Les paramètres du serveur myTarget configurés dans l'interface utilisateur AdMob sont manquants ou non valides. |
| 102 | L'adaptateur myTarget n'est pas compatible avec le format d'annonce demandé. |
| 103 | Tentative d'affichage d'une annonce myTarget non chargée. |
| 104 | La taille d'annonce demandée ne correspond pas à une taille de bannière acceptée par myTarget. |
| 105 | Composants d'annonce native obligatoires manquants. |
Version 0.1.1 (en cours)
Version 0.1.0
- Version initiale.
- Compatible avec l'adaptateur myTarget pour Android version 5.51.2.1
- Compatible avec l'adaptateur myTarget pour iOS version 5.46.0.0
- Conçu et testé avec le plug-in Google Mobile Ads React Native version 0.1.0.