Questa guida mostra come utilizzare Google Mobile Ads SDK for React Native per caricare e visualizzare gli annunci di DT Exchange utilizzando la mediazione, che copre le integrazioni con la struttura a cascata. Spiega come aggiungere DT Exchange alla configurazione della mediazione di un'unità pubblicitaria e come integrare l'SDK e l'adattatore DT Exchange in un'app React Native.
Integrazioni e formati degli annunci supportati
L'adattatore di mediazione React Native per DT Exchange ha le seguenti funzionalità:
| Integrazione | |
|---|---|
| Offerte | |
| Cascata | |
| Formati | |
| Apertura app | |
| Banner | |
| Interstitial | |
| Con premio | |
| Interstitial con premio | |
| Nativo | |
Prerequisiti
Prima di continuare, verifica quanto segue:
- Ultima versione di Google Mobile Ads SDK for React Native.
- 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 15.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.
- Assicurati di aver scaricato ed estratto la cartella
adaptersdalla cartellagma-sdk-react-native. Se non hai la cartellaadapters, segui i passaggi uno, due e tre della sezione Installare Google Mobile Ads SDK for React Native.
- Assicurati di aver scaricato ed estratto la cartella
- Configura Mediazione AdMob.
Passaggio 1: imposta le configurazioni nella UI di DT Exchange
Aggiungi una nuova app e un nuovo posizionamento dell'annuncio
Registrati o accedi alla console DT Exchange.
Fai clic su Aggiungi app.

Scegli la piattaforma e i posizionamenti, compila il resto del modulo e poi fai clic su Crea app.
Android

iOS

Inserisci i nomi e seleziona i tipi di posizionamenti. Poi, fai clic su Salva posizionamento.
ID app e ID posizionamento
Passa il mouse sopra la barra di navigazione a sinistra per aprirla, quindi fai clic su Gestione app.

Nella pagina App Management (Gestione app), prendi nota dell'App ID (ID app) accanto alla tua app.

Seleziona la tua app e vai alla scheda Posizionamenti. Prendi nota dell'ID posizionamento.
ID publisher, chiave utente e secret consumer
Fai clic sul tuo nome utente nel menu a sinistra e seleziona Profilo utente.

Prendi nota dell'ID publisher, della chiave utente e del secret consumer, in quanto sono necessari nel passaggio successivo.
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 DT Exchange,
aggiungi DT al file app-ads.txt.
Passaggio 2: configura la domanda di DT Exchange 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 DT Exchange 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 DT Exchange (Fyber Monetization) all'elenco dei partner pubblicitari per i regolamenti europei e statali degli Stati Uniti nell'interfaccia utente di AdMob.
Passaggio 3: importa l'SDK e l'adattatore DT Exchange
Nella directory root del progetto, installa l'adattatore di mediazione Google Mobile Ads SDK for React Native per DT Exchange. Completa i passaggi seguente:
Copia il file tar dell'adattatore Google Mobile Ads SDK for React Native dalla directory
gma-sdk-react-native/adapters/dt-exchange/nella directorylocal_packages/del progetto. Se non hai la cartellaadapters, consulta i Prerequisiti.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/dt-exchange/gma-mediation-dtexchange-0.1.0.tgz local_packages/Sostituisci EXTRACT_DIR con il percorso della directory in cui hai estratto l'archivio.
Installa il pacchetto dell'adattatore utilizzando il gestore di pacchetti che preferisci:
npm
npm install ./local_packages/gma-mediation-dtexchange-0.1.0.tgzfilo
yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz
Passaggio 4: implementa le impostazioni della privacy nell'SDK DT Exchange
Consenso degli utenti dell'UE e GDPR
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 DT Exchange React Native supporta la trasmissione degli indicatori del consenso GDPR dalle piattaforme di gestione del consenso che si integrano con il Transparency and Consent Framework (TCF) di IAB all'SDK DT Exchange. Per saperne di più, consulta la documentazione relativa al GDPR per Android e iOS.
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 manualmente le informazioni sul consenso all'adattatore 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();
Per ulteriori informazioni e per i valori che possono essere forniti nel metodo, consulta l'articolo DT Exchange's CCPA Open Source.
Passaggio 5: aggiungi il codice richiesto
Android
Non è necessario codice aggiuntivo per l'integrazione di DT Exchange.
iOS
Integrazione di SKAdNetwork
Segui la documentazione di DT Exchange 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.
Verifica gli annunci di prova
Per verificare di ricevere annunci di prova da DT Exchange, attiva il test di singole origini annuncio nello strumento di controllo degli annunci utilizzando le origini annuncio DT Exchange (Bidding) e DT Exchange (Waterfall).
Codici di errore
Se l'adattatore non riesce a ricevere un annuncio da DT Exchange, i publisher possono controllare l'errore sottostante dalla risposta all'annuncio utilizzando ResponseInfo nella seguente classe:
Android
com.google.ads.mediation.fyber.FyberMediationAdapter
iOS
GADMediationAdapterFyber
Ecco i codici e i messaggi associati generati dall'adattatore DT Exchange quando non è possibile caricare un annuncio:
Android
| Codice di errore | Motivo |
|---|---|
| 101 | I parametri del server DT Exchange configurati nell'interfaccia utente di AdMob sono mancanti o non validi. |
| 103 | Le dimensioni dell'annuncio richieste non corrispondono a quelle di un banner supportato da DT Exchange. |
| 105 | L'SDK DT ha caricato un annuncio, ma ha restituito un controller imprevisto. |
| 106 | L'annuncio non è pronto per la visualizzazione. |
| 107 | Il contesto non è un'istanza di attività. |
| 108 | Impossibile visualizzare l'annuncio. |
| 200-399 | L'SDK DT ha restituito un errore. Per ulteriori dettagli, consulta il codice. |
iOS
| Codice di errore | Motivo |
|---|---|
| 0-10 | L'SDK DT ha restituito un errore. Per ulteriori dettagli, consulta la documentazione. |
| 101 | I parametri del server DT Exchange configurati nell'interfaccia utente di AdMob sono mancanti o non validi. |
| 102 | Le dimensioni dell'annuncio richieste non corrispondono a quelle di un banner supportato da DT Exchange. |
| 103 | Impossibile mostrare l'annuncio perché l'oggetto dell'annuncio è già stato utilizzato. |
| 104 | Impossibile mostrare gli annunci DT Exchange perché l'annuncio non è pronto. |
| 105 | L'SDK DT ha restituito un errore di inizializzazione. |
Versione 0.1.0
- Release iniziale.
- Supporta l'adattatore DT Exchange per Android versione 8.4.7.1.
- Supporta l'adattatore DT Exchange per iOS versione 8.4.10.0.
- Creato e testato con la versione 0.1.0 del plug-in React Native di Google Mobile Ads.