Intégrer Chartboost à la médiation AdMob

Ce guide explique comment utiliser Google Mobile Ads SDK for React Native pour charger et afficher des annonces Chartboost à l'aide de la médiation. Il aborde notamment les intégrations en cascade. Vous apprendrez à ajouter Chartboost à la configuration de médiation d'un bloc d'annonces et à intégrer le SDK Chartboost et son adaptateur dans une application React Native.

Intégrations et formats d'annonces pris en charge

L'adaptateur de médiation AdMob pour Chartboost 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 :

Étape 1 : Configurer les paramètres dans l'UI Chartboost

Créez un compte Chartboost et connectez-vous une fois votre compte validé. Accédez ensuite à l'onglet Gestion des applications.

Tableau de bord des applications Chartboost

Cliquez sur le bouton Ajouter une application pour créer votre application.

Gestion des applications

Renseignez le reste du formulaire, puis cliquez sur le bouton Add App (Ajouter une application) pour finaliser votre application.

Formulaire de nouvelle application

Une fois votre application créée, vous serez redirigé vers son tableau de bord. Notez l'ID de l'application et la signature de l'application.

Android

Paramètres des applications

iOS

Paramètres des applications

AdMob nécessite l'ID utilisateur et la signature utilisateur Chartboost pour configurer l'ID de votre bloc d'annonces AdMob. Vous trouverez ces paramètres en cliquant sur Médiation Chartboost dans l'interface utilisateur de Chartboost.

Tableau de bord de la médiation Chartboost

Accédez à l'onglet Resources > API Explorer (Ressources > API Explorer) et notez votre User ID (ID utilisateur) et votre User Signature (Signature utilisateur) situés dans la section Authentication (Authentification).

Explorateur d'API Chartboost

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 Chartboost, consultez app-ads.txt.

Activer le mode test

Vous pouvez activer le mode test dans votre application en accédant à l'onglet Apps management (Gestion des applications) de l'interface utilisateur de Chartboost, en sélectionnant votre application dans la liste, puis en cliquant sur Edit app settings (Modifier les paramètres de l'application).

Android

Modifier les paramètres de l'application

iOS

Modifier les paramètres de l'application

Dans les paramètres de votre application, vous pouvez activer le mode Test.

Mode test Chartboost

Une fois le mode test activé, vous pouvez demander des annonces à l'aide de l'ID de bloc d'annonces créé précédemment et recevoir une annonce test Chartboost.

Une fois que vous pourrez recevoir des annonces tests Chartboost, votre application sera placée dans l'examen des applications de l'éditeur de Chartboost. Pour que la monétisation sur Chartboost fonctionne, l'examen de l'application de l'éditeur doit être approuvé par Chartboost.

Étape 2 : Configurer la demande Chartboost 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 Chartboost à 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 Chartboost à la liste des partenaires publicitaires concernés dans l'UI AdMob.

Étape 3 : Importer le SDK et l'adaptateur Chartboost

Dans le répertoire racine de votre projet, installez l'adaptateur de médiation Google Mobile Ads SDK for React Native pour Chartboost. Effectuer les actions suivantes :

  1. Copiez le fichier tar de l'adaptateur Google Mobile Ads SDK for React Native du répertoire gma-sdk-react-native/adapters/chartboost/ dans le répertoire local_packages/ de votre projet. Si vous ne disposez pas du dossier adapters, consultez la section Prérequis.

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/chartboost/gma-mediation-chartboost-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.

  2. Installez le package de l'adaptateur à l'aide de votre gestionnaire de packages préféré :

    npm

    npm install ./local_packages/gma-mediation-chartboost-0.1.0.tgz

    fil

    yarn add ./local_packages/gma-mediation-chartboost-0.1.0.tgz

  3. Si vous développez pour Android, ajoutez le dépôt suivant au fichier build.gradle dans le répertoire android de votre projet :

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://cboost.jfrog.io/artifactory/chartboost-ads/")
    }
}

Étape 4 : Implémenter les paramètres de confidentialité sur le SDK Chartboost

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 Chartboost permettent de transmettre au SDK Chartboost les 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. Pour en savoir plus, consultez les méthodes de confidentialité du SDK 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 définit le consentement d'utilisation des données sur OptInSale. Si vous choisissez d'appeler cette méthode, nous vous recommandons de le faire avant de demander des annonces à l'aide de Google Mobile Ads SDK for React Native.

import {
  ChartboostCCPAConsent,
  ChartboostMediation,
} from '@google/gma-mediation-chartboost';
// ...

ChartboostMediation.addCCPADataUseConsent(ChartboostCCPAConsent.OPT_IN_SALE);

Étape 5 : Ajouter le code requis

Android

Aucun code supplémentaire n'est requis pour l'intégration de Chartboost.

iOS

Intégration de SKAdNetwork

Suivez la documentation de Chartboost 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 Chartboost.

Vérifier la réception des annonces test

Pour vérifier que vous recevez des annonces test de Chartboost, activez le test d'une seule source d'annonces dans l'inspecteur d'annonces en utilisant la ou les sources d'annonces Chartboost (cascade).

Étapes facultatives

Android

Autorisations

Pour des performances optimales, Chartboost recommande d'ajouter les autorisations facultatives suivantes au fichier AndroidManifest.xml de votre application :

<uses-permission android:name="android.permission.READ_PHONE_STATE" />

iOS

Aucune étape supplémentaire n'est requise pour l'intégration iOS.

Codes d'erreur

Si l'adaptateur ne reçoit pas d'annonce de Chartboost, 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.google.ads.mediation.chartboost.ChartboostAdapter
com.google.ads.mediation.chartboost.ChartboostMediationAdapter

iOS

GADMAdapterChartboost
GADMediationAdapterChartboost

Voici les codes et les messages associés que génère l'adaptateur Chartboost lorsque le chargement d'une annonce échoue :

Android

Code d'erreur Motif
0-99 Le SDK Chartboost a renvoyé une erreur.
101 La taille d'annonce demandée ne correspond pas à une taille de bannière Chartboost acceptée.
102 Chartboost ne peut charger qu'une seule annonce par emplacement à la fois.
103 Les paramètres du serveur Chartboost configurés dans l'UI AdMob sont manquants ou non valides.
104 L'annonce interstitielle ou avec récompense Chartboost n'est pas prête à être diffusée.

iOS

Code d'erreur Motif
101 Les paramètres du serveur Chartboost configurés dans l'UI AdMob sont manquants ou non valides.
102 Le SDK Chartboost a renvoyé une erreur d'initialisation.
103 L'annonce Chartboost n'est pas mise en cache au moment de la diffusion.
104 La taille d'annonce demandée ne correspond pas à une taille de bannière Chartboost acceptée.
105 La version de l'OS de l'appareil est antérieure à la version minimale de l'OS compatible avec le SDK Chartboost.
200-299 Erreurs de cache du SDK Chartboost. Pour en savoir plus, consultez le code.
300-399 Erreurs d'affichage du SDK Chartboost. Pour en savoir plus, consultez le code.
400-499 Erreurs de clic du SDK Chartboost. Pour en savoir plus, consultez le code.

Version 0.1.0

  • Version initiale.