Integrare Pangle con la mediazione AdMob

Questa guida illustra come utilizzare Google Mobile Ads SDK for React Native per caricare e visualizzare gli annunci display di Pangle utilizzando la mediazione, che copre sia le integrazioni con struttura a cascata sia quelle per l'asta. Spiega come aggiungere Pangle alla configurazione della mediazione di un'unità pubblicitaria e come integrare l'SDK e l'adattatore Pangle in un'app React Native.

Integrazioni e formati degli annunci supportati

L'adattatore di mediazione AdMob per Pangle offre le seguenti funzionalità:

Integrazione
Offerte  1
Cascata
Formati
Apertura app  2
Banner  2
Interstitial
Con premio
Interstitial con premio
Nativo  2

1 Le origini annuncio per l'asta di Pangle disponibili includono Pangle US, Pangle KR e Pangle ROW.

2 Questo formato non è supportato per le seguenti origini annuncio per l'asta Pangle: Pangle US.

Prerequisiti

  • Ultima versione di Google Mobile Ads SDK for React Native.
  • [Per l'asta Pangle US]: utilizza l'adattatore Pangle versione N/A o successiva.
  • Framework React Native versione 0.85.0 o successive.
  • Per eseguire il deployment su Android
    • Livello API Android 24 o versioni successive.
  • Per il deployment su iOS
    • Target di deployment iOS 13.0 o versioni successive.
  • Un progetto React Native funzionante configurato con Google Mobile Ads SDK for React Native. Per informazioni dettagliate, consulta Configura Google Mobile Ads SDK for React Native.
  • Configura Mediazione AdMob.

Passaggio 1: configura le impostazioni nell'interfaccia utente di Pangle

Registrati o accedi al tuo account Pangle.

Aggiungi una nuova applicazione

Vai alla scheda Applications (Applicazioni) e fai clic sul pulsante Add App (Aggiungi app).

Seleziona il sistema operativo per cui vuoi creare un'applicazione e compila il resto del modulo. Poi, fai clic su Invia.

Android

iOS

Prendi nota dell'ID app della tua applicazione.

Android

iOS

Crea un posizionamento dell'annuncio

Una volta creata l'applicazione, fai clic sul pulsante Aggiungi per creare il posizionamento dell'annuncio.

Android

iOS

Offerte

Seleziona il formato dell'annuncio e il nome del posizionamento dell'annuncio, quindi seleziona Asta in-app come tipo di prezzo. Compila il resto del modulo e fai clic su Invia.

Una volta creato il posizionamento dell'annuncio, prendi nota dell'ID posizionamento annuncio.

Android

iOS

Cascata

Seleziona il formato dell'annuncio, il nome del posizionamento dell'annuncio e CPM globale come tipo di prezzo. Compila il resto del modulo e fai clic su Invia.

Una volta creato il posizionamento dell'annuncio, prendi nota dell'ID posizionamento annuncio.

Android

iOS

Individua la chiave API di reporting di Pangle

Offerte

Questo passaggio non è obbligatorio per le integrazioni per l'asta.

Cascata

Prendi nota dell'ID utente nell'angolo in basso a sinistra della pagina.

Fai clic su Integrations > SDK & API > Pangle Reporting API 2.0. Prendi nota di ID ruolo e Chiave di sicurezza.

Aggiorna il file app-ads.txt

Authorized Sellers for Apps (app-ads.txt) è un'iniziativa di IAB Tech Lab che contribuisce a garantire che l'inventario pubblicitario della tua app venga venduto solo tramite canali che hai identificato come autorizzati. Per evitare una perdita significativa delle entrate pubblicitarie, devi implementare un file app-ads.txt. Se non l'hai ancora fatto, configura un file app-ads.txt per la tua app.

Per implementare app-ads.txt per Pangle, consulta Come aggiungere Pangle al file app-ads.txt.

Attiva la modalità di test

Segui le istruzioni riportate nella guida How to add a Test Ad (Come aggiungere un annuncio di prova) di Pangle per scoprire come attivare gli annunci di prova di Pangle.

Passaggio 2: configura la domanda di Pangle nell'interfaccia utente di AdMob

Configura le impostazioni di mediazione per l'unità pubblicitaria

Android

Per istruzioni, vedi il passaggio 2 della guida per Android.

iOS

Per istruzioni, consulta il passaggio 2 della guida per iOS.

Aggiungi Pangle DSP all'elenco dei partner pubblicitari ai sensi del GDPR e dei regolamenti statali degli Stati Uniti

Segui i passaggi descritti in Impostazioni relative ai regolamenti europei e Impostazioni relative alle normative statali degli Stati Uniti per aggiungere Pangle DSP all'elenco dei partner pubblicitari ai sensi dei regolamenti europei e delle normative statali degli Stati Uniti nell'interfaccia utente di AdMob.

Passaggio 3: importa l'SDK e l'adattatore Pangle

Nella directory root del progetto, installa l'adattatore di mediazione Google Mobile Ads SDK for React Native per Pangle. Completa i passaggi seguente:

  1. Copia il file tar dell'adattatore Google Mobile Ads SDK for React Native dalla directory gma-sdk-react-native/adapters/pangle/ nella directory local_packages/ del progetto. Se non hai la cartella adapters, consulta i Prerequisiti.

    mkdir -p local_packages
cp EXTRACT_DIR/gma-sdk-react-native/adapters/pangle/gma-mediation-pangle-0.1.0.tgz local_packages/

    Sostituisci EXTRACT_DIR con il percorso della directory in cui hai estratto l'archivio.

  2. Installa il pacchetto dell'adattatore utilizzando il gestore di pacchetti che preferisci:

    npm

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

    filo

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

  3. Se stai creando per Android, aggiungi il seguente repository al file build.gradle nella directory android del progetto:

    repositories {
    google()
    mavenCentral()
    maven {
        url = uri("https://artifact.bytedance.com/repository/pangle/")
    }
}

Passaggio 4: implementa le impostazioni della privacy nell'SDK Pangle

Per rispettare le Norme relative al consenso degli utenti dell'UE di Google, devi informare gli utenti nello Spazio economico europeo (SEE), nel Regno Unito e in Svizzera e ricevere il loro consenso per l'utilizzo dei cookie o di altri tipi di archiviazione locale, laddove richiesto dalla legge, nonché per la raccolta, la condivisione e l'utilizzo dei dati personali ai fini della personalizzazione degli annunci. Queste norme riflettono i requisiti della direttiva e-Privacy e del Regolamento generale sulla protezione dei dati (GDPR) dell'UE. È tua responsabilità verificare che il consenso venga propagato a ogni origine annuncio nella tua catena di mediazione.

La versione 0.1.0 e successive dell'adattatore Pangle React Native supporta la trasmissione degli indicatori di consenso GDPR dall'SDK UMP e dalle piattaforme di gestione del consenso che si integrano con la specifica Consenso aggiuntivo di Google all'SDK Pangle.

Leggi statali sulla privacy degli Stati Uniti

Le leggi statali sulla privacy degli Stati Uniti richiedono di garantire agli utenti la possibilità di opporsi alla "vendita" delle proprie "informazioni personali" (da intendersi secondo la definizione di tale normativa), mediante un link ben visibile e recante la dicitura "Non vendere i miei dati personali" nella home page del "venditore". La guida alla conformità alle leggi sulla privacy degli stati USA offre la possibilità di attivare il trattamento dati limitato per la pubblicazione di annunci Google, ma Google non è in grado di applicare questa impostazione a ogni rete pubblicitaria nella tua catena di mediazione. Pertanto, devi identificare ogni rete pubblicitaria nella tua catena di mediazione che potrebbe partecipare alla vendita di informazioni personali e seguire le indicazioni di ciascuna di queste reti per garantire la conformità.

Il seguente codice campione mostra come trasmettere le informazioni sul consenso all'SDK Pangle. Imposta le informazioni sul consenso prima di inizializzare Google Mobile Ads SDK for React Native per assicurarti che vengano inoltrate correttamente all'SDK Pangle.

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

PangleMediation.setPAConsent(PanglePAConsentType.CONSENT);

Per ulteriori dettagli e per i valori che possono essere forniti in ogni metodo, consulta la guida all'integrazione di Pangle.

Passaggio 5: aggiungi il codice richiesto

Android

Non è richiesto alcun codice aggiuntivo per l'integrazione di Pangle.

iOS

Integrazione di SKAdNetwork

Segui la documentazione di Pangle per aggiungere gli identificatori SKAdNetwork al file Info.plist del tuo progetto.

Passaggio 6: testa l'implementazione

Attiva gli annunci di prova

Assicurati di registrare il tuo dispositivo di test per AdMob e di attivare la modalità di test nell'interfaccia utente di Pangle.

Verifica gli annunci di prova

Per verificare di ricevere annunci di prova da Pangle, attiva il test di un'origine annuncio singola nello strumento di controllo degli annunci utilizzando le origini annuncio Pangle (cascata), Pangle US SDK (Bidding), Pangle KR SDK (Bidding) e Pangle ROW SDK (Bidding).

Codici di errore

Se l'adattatore non riesce a ricevere un annuncio da Pangle, i publisher possono controllare l'errore sottostante dalla risposta all'annuncio utilizzando ResponseInfo nelle seguenti classi:

Android

com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter

iOS

GADMediationAdapterPangle

Di seguito sono riportati i codici e i messaggi associati generati dall'adattatore Pangle quando un annuncio non viene caricato:

Android

Codice di errore Dominio Motivo
101 com.google.ads.mediation.pangle Parametri del server non validi (ad es. ID app o ID posizionamento mancante).
102 com.google.ads.mediation.pangle Le dimensioni dell'annuncio richieste non corrispondono a quelle di un banner supportato da Pangle.
103 com.google.ads.mediation.pangle L'SDK Pangle non supporta gli utenti minorenni.
-1-60000 com.pangle.ads L'SDK Pangle ha restituito un errore. Per ulteriori dettagli, consulta la documentazione di Pangle.

iOS

Codice di errore Dominio Motivo
101 com.google.mediation.pangle Parametri del server non validi (ad es. ID app o ID posizionamento mancante).
102 com.google.mediation.pangle Le dimensioni dell'annuncio richieste non corrispondono a quelle di un banner supportato da Pangle.
104 com.google.mediation.pangle L'SDK Pangle non supporta gli utenti minorenni.
-1-60000 Inviato dall'SDK Pangle L'SDK Pangle ha restituito un errore. Per ulteriori dettagli, consulta la documentazione di Pangle.

Versione 0.1.0

  • Release iniziale.