Intégrer Pangle à la médiation AdMob

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

Intégrations et formats d'annonces pris en charge

L'adaptateur de médiation AdMob pour Pangle offre les fonctionnalités suivantes :

Intégration
Enchères  1
Cascade
Formats
Ouverture de l'application  2
Bannière  2
Interstitiel
Accordé
Interstitiel avec récompense
Natif  2

1 Les sources d'annonces pour l'enchère Pangle disponibles incluent Pangle US, Pangle KR et Pangle ROW.

2 Ce format n'est pas compatible avec les sources d'annonces pour l'enchère Pangle suivantes : Pangle US.

Prérequis

  • Dernière version de Google Mobile Ads SDK for React Native.
  • [Pour les enchères Pangle aux États-Unis]: utilisez la version N/A ou une version ultérieure de l'adaptateur Pangle.
  • 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.
  • Configurez la médiation AdMob.

Étape 1 : Configurer les paramètres dans l'UI 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 d'annonce.

Android

iOS

Enchères

Sélectionnez votre format d'annonce et le nom de l'emplacement d'annonce, puis sélectionnez Enchères intégrées comme type de tarification. Remplissez le reste du formulaire, puis cliquez sur Envoyer.

Une fois l'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 CPM global comme type de tarification. Remplissez le reste du formulaire, puis cliquez sur Envoyer.

Une fois l'emplacement d'annonce créé, notez l'ID de l'emplacement d'annonce.

Android

iOS

Localiser la clé API Pangle Reporting

Enchères

Cette étape n'est pas requise pour les intégrations en mode enchères.

Cascade

Notez l'ID utilisateur en bas à gauche de la page.

Cliquez sur Integrations > SDK & API > Pangle Reporting API 2.0 (Intégrations > SDK et API > API Pangle Reporting 2.0). Notez l'ID du rôle et la clé de sécurité.

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 Pangle, consultez Ajouter Pangle à votre fichier app-ads.txt.

Activer le mode test

Suivez les instructions du guide How to add a Test Ad (Comment ajouter une annonce test) de Pangle pour activer les annonces tests Pangle.

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

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

Dans le répertoire racine de votre projet, installez l'adaptateur de médiation Google Mobile Ads SDK for React Native pour Pangle. 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/pangle/ 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/pangle/gma-mediation-pangle-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-pangle-0.1.0.tgz

    fil

    yarn add ./local_packages/gma-mediation-pangle-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://artifact.bytedance.com/repository/pangle/")
    }
}

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

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 Pangle React Native 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 Pangle.

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 des informations sur le consentement au SDK Pangle. Définissez les informations de consentement avant d'initialiser Google Mobile Ads SDK for React Native pour qu'elles soient correctement transmises au SDK Pangle.

import {
  PangleMediation,
  PanglePAConsentType,
} from '@google/gma-mediation-pangle';
// ...

PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);

Pour en savoir plus et connaître les valeurs pouvant être fournies dans chaque méthode, consultez le guide d'intégration de Pangle.

Étape 5 : Ajouter 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 6 : Testez votre implémentation

Activer les annonces test

Enregistrez votre appareil de test pour AdMob et activez le mode test dans l'UI Pangle.

Vérifier la réception des annonces test

Pour vérifier que vous recevez des annonces test de Pangle, activez le test d'une seule source d'annonces dans l'inspecteur d'annonces en utilisant la ou les sources d'annonces Pangle (cascade), SDK Pangle US (enchères), SDK Pangle KR (enchères) et SDK Pangle ROW (enchères).

Codes d'erreur

Si l'adaptateur ne reçoit pas d'annonce de Pangle, 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.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter

iOS

GADMediationAdapterPangle

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

Android

Code d'erreur Domaine Motif
101 com.google.ads.mediation.pangle Paramètres de serveur non valides (par exemple, ID d'application ou ID d'emplacement manquant).
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 Le SDK Pangle n'est pas compatible avec les utilisateurs enfants.
-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.mediation.pangle Paramètres de serveur non valides (par exemple, ID d'application ou ID d'emplacement manquant).
102 com.google.mediation.pangle La taille d'annonce demandée ne correspond pas à une taille de bannière compatible avec Pangle.
104 com.google.mediation.pangle Le SDK Pangle n'est pas compatible avec les utilisateurs enfants.
-1-60000 Envoyé par le SDK Pangle Le SDK Pangle a renvoyé une erreur. Pour en savoir plus, consultez la documentation de Pangle.

Version 0.1.0

  • Version initiale.