Z tego przewodnika dowiesz się, jak używać pakietu Google Mobile Ads SDK for React Native do wczytywania i wyświetlania reklam z DT Exchange za pomocą zapośredniczenia, w tym integracji kaskadowych. Dowiesz się z niego, jak dodać DT Exchange do konfiguracji zapośredniczenia jednostki reklamowej oraz jak zintegrować pakiet SDK i adapter DT Exchange z aplikacją React Native.
Obsługiwane integracje i formaty reklam
Adapter zapośredniczenia React Native dla DT Exchange ma te możliwości:
| Integracja | |
|---|---|
| Określanie stawek | |
| Kaskada | |
| Formaty | |
| Otwarcie aplikacji | |
| Baner | |
| Pełnoekranowa | |
| Z nagrodą | |
| Reklama pełnoekranowa z nagrodą | |
| Rodzimy użytkownik | |
Wymagania wstępne
Zanim przejdziesz dalej, sprawdź te kwestie:
- Najnowsza wersja Google Mobile Ads SDK for React Native.
- React Native w wersji 0.85.0 lub nowszej.
- To deploy on Android
- Android API na poziomie 24 lub wyższym.
- Wdrażanie na iOS
- Docelowa wersja iOS: 15.0 lub nowsza.
- Działający projekt React Native skonfigurowany za pomocą Google Mobile Ads SDK for React Native. Szczegółowe informacje znajdziesz w artykule Konfigurowanie Google Mobile Ads SDK for React Native.
- Upewnij się, że folder
adapterszostał pobrany i wyodrębniony z folderugma-sdk-react-native. Jeśli nie masz folderuadapters, wykonaj kroki 1, 2 i 3 opisane w artykule Instalowanie Google Mobile Ads SDK for React Native.
- Upewnij się, że folder
- Skonfiguruj zapośredniczenie AdMob.
Krok 1. Skonfiguruj ustawienia w interfejsie DT Exchange
Dodawanie nowej aplikacji i miejsca docelowego reklamy
Zarejestruj się lub zaloguj się w konsoli DT Exchange.
Kliknij Add App (Dodaj aplikację).

Wybierz platformę i miejsca docelowe, wypełnij pozostałą część formularza, a następnie kliknij Utwórz aplikację.
Android

iOS

Wpisz nazwy i wybierz typy Twoich miejsc. Następnie kliknij Zapisz miejsce docelowe.
Identyfikator aplikacji i identyfikator miejsca docelowego
Najedź kursorem na pasek nawigacyjny po lewej stronie, aby go otworzyć, a następnie kliknij Zarządzanie aplikacjami.

Na stronie App Management (Zarządzanie aplikacjami) zapisz App ID (Identyfikator aplikacji) widoczny obok aplikacji.

Wybierz aplikację i przejdź na kartę Miejsca docelowe. Zanotuj identyfikator miejsca docelowego.
Identyfikator wydawcy, klucz klienta i klucz tajny klienta
W menu po lewej stronie kliknij swoją nazwę użytkownika i wybierz Profil użytkownika.

Zanotuj Publisher ID (Identyfikator wydawcy), Consumer Key (Klucz klienta) i Consumer Secret (Klucz tajny klienta), ponieważ będą Ci potrzebne w następnym kroku.
Zaktualizuj plik app-ads.txt
Authorized Sellers for Apps (czyli plik app-ads.txt) to projekt IAB Tech Lab, który ma zagwarantować, że Twoje zasoby reklamowe w aplikacjach będą sprzedawane tylko w tych kanałach, na które wyrażasz zgodę. Aby zapobiec znacznej utracie przychodów z reklam, musisz wdrożyć plik app-ads.txt.
Jeśli jeszcze nie masz pliku app-ads.txt, skonfiguruj go pod kątem swojej aplikacji.
Aby wdrożyć app-ads.txt w przypadku DT Exchange, dodaj DT do pliku app-ads.txt.
Krok 2. Skonfiguruj żądania DT Exchange w interfejsie AdMob
Konfigurowanie ustawień zapośredniczenia dla jednostki reklamowej
Android
Instrukcje znajdziesz w kroku 2 w przewodniku dla Android.
iOS
Instrukcje znajdziesz w kroku 2 w przewodniku dla iOS.
Dodawanie DT Exchange do listy partnerów reklamowych zgodnych z RODO i przepisami stanowymi w USA
Wykonaj czynności opisane w sekcjach Ustawienia zgodne z rozporządzeniami europejskimi i Ustawienia zgodne z przepisami stanowymi w USA, aby dodać DT Exchange (Fyber Monetization) do listy partnerów reklamowych zgodnych z rozporządzeniami europejskimi i przepisami stanowymi w USA w interfejsie AdMob.
Krok 3. Zaimportuj pakiet SDK i adapter DT Exchange
W katalogu głównym projektu zainstaluj adapter zapośredniczenia Google Mobile Ads SDK for React Native dla DT Exchange. Wykonaj te czynności:
Skopiuj plik tar adaptera Google Mobile Ads SDK for React Native z katalogu
gma-sdk-react-native/adapters/dt-exchange/do katalogulocal_packages/projektu. Jeśli nie masz folderuadapters, zapoznaj się z sekcją Wymagania wstępne.mkdir -p local_packages cp EXTRACT_DIR/gma-sdk-react-native/adapters/dt-exchange/gma-mediation-dtexchange-0.1.0.tgz local_packages/Zastąp EXTRACT_DIR ścieżką do katalogu, w którym zostało wyodrębnione archiwum.
Zainstaluj pakiet adaptera za pomocą preferowanego systemu zarządzania pakietami:
npm
npm install ./local_packages/gma-mediation-dtexchange-0.1.0.tgzwłóczka
yarn add ./local_packages/gma-mediation-dtexchange-0.1.0.tgz
Krok 4. Wdróż ustawienia prywatności w pakiecie SDK DT Exchange
Zgoda użytkowników z UE i RODO
Aby zachować zgodność z polityką Google w zakresie zgody użytkownika z UE, musisz przekazać określone informacje użytkownikom z Europejskiego Obszaru Gospodarczego (EOG), Wielkiej Brytanii i Szwajcarii oraz uzyskać ich zgodę na wykorzystywanie plików cookie lub innych lokalnych metod przechowywania danych, jeśli jest to wymagane przez prawo, a także na gromadzenie, udostępnianie i wykorzystywanie danych osobowych do personalizacji reklam. Polityka ta odzwierciedla wymagania UE zawarte w dyrektywie o prywatności i łączności elektronicznej oraz w Ogólnym rozporządzeniu o ochronie danych (RODO). Odpowiadasz za sprawdzenie, czy zgoda jest przekazywana do każdego źródła reklam w łańcuchu zapośredniczenia.
Adapter DT Exchange React Native w wersji 0.1.0 i nowszych obsługuje przekazywanie sygnałów zgody na wykorzystanie danych zgodnie z RODO z platform do zarządzania zgodą użytkowników, które są zintegrowane z Zasadami IAB dotyczącymi przejrzystości i uzyskiwania zgody na przetwarzanie danych, do pakietu SDK DT Exchange. Więcej informacji znajdziesz w dokumentacji dotyczącej RODO na Android i iOS.
amerykańskie przepisy stanowe o ochronie prywatności
Amerykańskie przepisy stanowe o ochronie prywatności wymagają, aby użytkownicy mieli prawo do rezygnacji ze „sprzedaży” ich „danych osobowych” (w znaczeniu określonym w ustawie). Opcja ta musi być dostępna za pomocą dobrze widocznego linku „Nie sprzedawaj moich danych osobowych” na stronie głównej podmiotu „sprzedającego”. Przewodnik po zgodności z amerykańskimi przepisami stanowymi o ochronie prywatności umożliwia włączenie ograniczonego przetwarzania danych na potrzeby wyświetlania reklam Google, ale Google nie może zastosować tego ustawienia do każdej sieci reklamowej w łańcuchu zapośredniczenia. Dlatego musisz zidentyfikować każdą sieć reklamową w łańcuchu zapośredniczenia, która może uczestniczyć w sprzedaży danych osobowych, i postępować zgodnie ze wskazówkami każdej z tych sieci, aby zapewnić zgodność z przepisami.
Poniższy przykładowy kod pokazuje, jak ręcznie przekazać informacje o zgodzie do adaptera 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();
Więcej informacji oraz wartości, które można podać w metodzie, znajdziesz w artykule DT Exchange na temat CCPA Open Source.
Krok 5. Dodaj wymagany kod
Android
Integracja z DT Exchange nie wymaga dodatkowego kodu.
iOS
Integracja SKAdNetwork
Aby dodać identyfikatory SKAdNetwork do pliku Info.plist projektu, postępuj zgodnie z dokumentacją DT Exchange.
Krok 6. Przetestuj implementację
Włączanie reklam testowych
Pamiętaj, aby zarejestrować urządzenie testowe w AdMob.
Sprawdzanie reklam testowych
Aby sprawdzić, czy otrzymujesz reklamy testowe z DT Exchange, włącz w inspektorze reklam testowanie pojedynczego źródła reklam, korzystając ze źródeł reklam DT Exchange (określanie stawek) i DT Exchange (kaskada).
Kody błędów
Jeśli adapter nie otrzyma reklamy z DT Exchange, wydawcy mogą sprawdzić błąd w odpowiedzi na reklamę, korzystając z metody ResponseInfo w tej klasie:
Android
com.google.ads.mediation.fyber.FyberMediationAdapter
iOS
GADMediationAdapterFyber
Oto kody i powiązane z nimi komunikaty, które adapter DT Exchange wyświetla, gdy nie uda się wczytać reklamy:
Android
| Kod błędu | Przyczyna |
|---|---|
| 101 | Parametry serwera DT Exchange skonfigurowane w interfejsie AdMob są nieprawidłowe lub ich brakuje. |
| 103 | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez DT Exchange. |
| 105 | Pakiet DT SDK wczytał reklamę, ale zwrócił nieoczekiwany kontroler. |
| 106 | Reklama nie jest gotowa do wyświetlenia. |
| 107 | Kontekst nie jest instancją aktywności. |
| 108 | Nie udało się wyświetlić reklamy. |
| 200-399 | Pakiet SDK DT zwrócił błąd. Więcej informacji znajdziesz w kodzie. |
iOS
| Kod błędu | Przyczyna |
|---|---|
| 0-10 | Pakiet SDK DT zwrócił błąd. Więcej informacji znajdziesz w dokumentacji. |
| 101 | Parametry serwera DT Exchange skonfigurowane w interfejsie AdMob są nieprawidłowe lub ich brakuje. |
| 102 | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez DT Exchange. |
| 103 | Nie udało się wyświetlić reklamy, ponieważ obiekt reklamy został już użyty. |
| 104 | Nie udało się wyświetlić reklam DT Exchange, ponieważ reklama nie jest gotowa. |
| 105 | Pakiet SDK DT zwrócił błąd inicjowania. |
Wersja 0.1.0
- Pierwsza wersja.
- Obsługuje adapter DT Exchange na Androida w wersji 8.4.7.1.
- Obsługuje adapter DT Exchange na iOS w wersji 8.4.10.0.
- Wtyczka została utworzona i przetestowana z użyciem wtyczki do reklam mobilnych Google dla środowiska React Native w wersji 0.1.0.