Z tego przewodnika dowiesz się, jak używać pakietu Google Mobile Ads SDK for React Native do wczytywania i wyświetlania reklam z AppLovin za pomocą zapośredniczenia, które obejmuje zarówno integrację z określaniem stawek, jak i integrację kaskadową. Dowiesz się z niego, jak dodać AppLovin do konfiguracji zapośredniczenia jednostki reklamowej oraz jak zintegrować pakiet SDK i adapter AppLovin z aplikacją React Native.
Obsługiwane integracje i formaty reklam
Adapter zapośredniczenia AdMob do AppLovin ma te funkcje:
| Integracja | |
|---|---|
| Określanie stawek | |
| Kaskada | |
| Formaty | |
| Otwarcie aplikacji | 1 |
| Baner | 2 |
| Pełnoekranowa | |
| Z nagrodą | |
| Reklama pełnoekranowa z nagrodą | |
| Rodzimy użytkownik | |
1 Integracja kaskadowa jest dostępna w zamkniętych testach beta.
Kaskada obsługuje tylko banery o rozmiarach 320 x 50 i 728 x 90. Określanie stawek nie obsługuje banerów reklamowych.
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
- iOS w wersji 13.0 lub nowszej.
- 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 AppLovin
Zarejestruj się lub zaloguj się na konto AppLovin.
Aby skonfigurować jednostkę reklamową AdMob, musisz mieć klucz pakietu SDK i klucz raportu AppLovin. Aby je znaleźć, otwórz interfejs AppLovin > Account (Konto) > Keys (Klucze). Tam zobaczysz obie wartości.

Jeśli planujesz tylko integrację określania stawek, możesz przejść do konfigurowania ustawień zapośredniczenia.
Wybieranie aplikacji do zapośredniczenia
Określanie stawek
Ten krok nie jest wymagany w przypadku integracji z określaniem stawek.
Kaskada
W interfejsie AppLovin w sekcji Zarabianie kliknij Aplikacje, aby wyświetlić zarejestrowane aplikacje. Z listy dostępnych aplikacji wybierz tę, której chcesz używać z zapośredniczeniem.

Utwórz strefę
Określanie stawek
Ten krok nie jest wymagany w przypadku integracji z określaniem stawek.
Kaskada
W interfejsie AppLovin w sekcji Zarabianie kliknij Strefy, aby wyświetlić zarejestrowane identyfikatory stref. Jeśli masz już utworzone strefy wymagane dla aplikacji, przejdź do kroku 2. Aby utworzyć nowy identyfikator strefy, kliknij Utwórz strefę.

Wpisz nazwę identyfikatora strefy, wybierz Android jako platformę i wybierz typ reklamy.
Skonfiguruj Ceny dla strefy, wybierając Stały CPM lub Zoptymalizowane przez AppLovin. Wartości CPM można konfigurować dla poszczególnych krajów w przypadku opcji Stały CPM. Następnie kliknij Zapisz.
Android

iOS

Po utworzeniu strefy jej identyfikator znajdziesz w kolumnie Identyfikator strefy.
Android

iOS

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 AppLovin, dodaj AppLovin do pliku app-ads.txt.
Włączanie trybu testowego
Aby dowiedzieć się, jak włączyć reklamy testowe AppLovin, postępuj zgodnie z instrukcjami podanymi w przewodniku AppLovin dotyczącym trybu testowego MAX.
Krok 2. Skonfiguruj źródła ofert reklamowych AppLovin 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 firmy AppLovin Corp. do listy partnerów reklamowych zgodnych z RODO i przepisami stanowymi w USA
Wykonaj czynności opisane w artykułach Ustawienia zgodne z rozporządzeniami europejskimi i Ustawienia zgodne z amerykańskimi przepisami stanowymi, aby dodać firmę AppLovin Corp. do listy partnerów reklamowych zgodnych z rozporządzeniami europejskimi i amerykańskimi przepisami stanowymi w interfejsie AdMob.
Krok 3. Zaimportuj pakiet SDK i adapter AppLovin
W katalogu głównym projektu zainstaluj Google Mobile Ads SDK for React Native adapter zapośredniczenia dla AppLovin. Wykonaj te czynności:
Skopiuj plik tar adaptera Google Mobile Ads SDK for React Native z katalogu
gma-sdk-react-native/adapters/applovin/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/applovin/gma-mediation-applovin-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-applovin-0.1.0.tgzwłóczka
yarn add ./local_packages/gma-mediation-applovin-0.1.0.tgz
Krok 4. Wdróż ustawienia prywatności w pakiecie SDK AppLovin
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 AppLovin React Native w wersji 0.1.0 lub nowszej obsługuje przekazywanie sygnałów zgody na wykorzystanie danych zgodnie z RODO z pakietu SDK UMP i platform do zarządzania zgodą użytkowników, które są zintegrowane ze specyfikacją Google dotyczącą udzielenia dodatkowej zgody, do pakietu SDK AppLovin. Więcej informacji znajdziesz w artykule Zgoda użytkownika zgodnie z zasadami TCF w wersji 2.
Deklarowanie użytkowników niepełnoletnich
AppLovin nie obsługuje inicjowania pakietu SDK AppLovin w przypadku dzieci. Więcej informacji znajdziesz w dokumentacji AppLovin dotyczącej zakazu zbierania danych dzieci i korzystania z usług dla dzieci lub aplikacji skierowanych wyłącznie do dzieci na Android lub iOS.
Wtyczka zapośredniczenia Google Mobile Ads React Native do AppLovin automatycznie wyłącza zapośredniczenie do AppLovin w przypadku aplikacji, które deklarują użytkownika będącego dzieckiem za pomocą ustawienia traktowania z uwzględnieniem wieku.
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.
Wtyczka zapośredniczenia reklam mobilnych Google dla AppLovin zawiera metodę AppLovinMediation.setDoNotSell(). Poniższy przykładowy kod pokazuje, jak przekazywać informacje o zgodzie do pakietu SDK AppLovin. Te opcje należy ustawić przed zainicjowaniem pakietu SDK do reklam mobilnych Google, aby mieć pewność, że zostaną prawidłowo przekazane do pakietu SDK AppLovin.
import { AppLovinMediation } from '@google/gma-mediation-applovin';
// ...
AppLovinMediation.setDoNotSell(true);
Więcej informacji znajdziesz w dokumentacji AppLovin dotyczącej prywatności.
Krok 5. Dodaj wymagany kod
Android
Integracja z AppLovin nie wymaga dodatkowego kodu.
iOS
Integracja SKAdNetwork
Aby dodać identyfikatory SKAdNetwork do pliku Info.plist projektu, postępuj zgodnie z dokumentacją AppLovin.
Krok 6. Przetestuj implementację
Włączanie reklam testowych
Pamiętaj, aby zarejestrować urządzenie testowe w AdMob i włączyć tryb testowy w interfejsie AppLovin.
Sprawdzanie reklam testowych
Aby sprawdzić, czy otrzymujesz reklamy testowe z AppLovin, włącz testowanie pojedynczego źródła reklam w inspektorze reklam, korzystając ze źródeł reklam AppLovin (określanie stawek) i AppLovin (kaskada).
Kroki opcjonalne:
Parametry dotyczące sieci
Adapter AppLovin obsługuje przekazywanie obiektu AppLovinMediationExtras do żądania reklamy w celu ustawienia parametrów związanych z siecią. Poniższy przykładowy kod pokazuje, jak wyłączyć dźwięk w reklamach wideo za pomocą parametru isMuted:
import { AdRequest } from '@google/mobile-ads';
import { AppLovinMediationExtras } from '@google/gma-mediation-applovin';
const request: AdRequest = {
// ...
mediationExtras: [
new AppLovinMediationExtras({
isMuted: true, // Mute audio for AppLovin ads
}),
],
};
Optymalizacje
Dodanie wywołania do w aktywności uruchamiania umożliwia AppLovin śledzenie zdarzeń zaraz po uruchomieniu aplikacji.
Kody błędów
Jeśli adapter nie otrzyma reklamy z AppLovin, wydawcy mogą sprawdzić błąd w odpowiedzi na reklamę, korzystając z metody ResponseInfo w tych klasach:
Android
com.google.ads.mediation.applovin.mediation.ApplovinAdapter
com.google.ads.mediation.applovin.AppLovinMediationAdapter
iOS
GADMAdapterAppLovin
GADMAdapterAppLovinRewardBasedVideoAd
GADMediationAdapterAppLovin
Oto kody i powiązane z nimi komunikaty, które adapter AppLovin wyświetla, gdy nie uda się wczytać reklamy:
Android
| Kod błędu | Przyczyna |
|---|---|
| Od –1009 do –1, 204 | Pakiet SDK AppLovin zwrócił błąd. Aby dowiedzieć się więcej, zapoznaj się z dokumentacją AppLovin. |
| 101 | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez AppLovin. |
| 103 | Kontekst ma wartość null. |
| 104 | Token określania stawek AppLovin jest pusty. |
| 105 | Wysłano żądanie wielu reklam w tej samej strefie. AppLovin może wczytywać tylko 1 reklamę naraz na strefę. |
| 106 | Reklama nie jest gotowa do wyświetlenia. |
| 108 | Adapter AppLovin nie obsługuje żądanego formatu reklamy. |
| 109 | Kontekst nie jest instancją aktywności. |
| 110 | Brak klucza pakietu SDK. |
| 112 | Użytkownik jest dzieckiem. |
| 113 | Brak identyfikatora jednostki reklamowej. |
iOS
| Kod błędu | Przyczyna |
|---|---|
| Od –1009 do –1, 204 | Pakiet SDK AppLovin zwrócił błąd. Więcej informacji znajdziesz w dokumentacji AppLovin. |
| 101 | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez AppLovin. |
| 102 | Parametry serwera AppLovin skonfigurowane w interfejsie AdMob są nieprawidłowe lub ich brakuje. |
| 103 | Nie udało się wyświetlić reklamy AppLovin. |
| 104 | Wysłano żądanie wielu reklam w tej samej strefie. AppLovin może wczytywać tylko 1 reklamę naraz na strefę. |
| 105 | Nie znaleziono klucza pakietu SDK AppLovin. |
| 107 | Token stawki jest pusty. |
| 108 | Adapter AppLovin nie obsługuje żądanego formatu reklamy. |
| 110 | AppLovin wysłał wywołanie zwrotne o udanym wczytaniu, ale nie wczytał żadnych reklam. |
| 111 | Nie udało się pobrać instancji pakietu SDK AppLovin. |
| 112 | Użytkownik jest dzieckiem. |
| 113 | Nie zainicjowano udostępnionej instancji pakietu SDK AppLovin. |
| 114 | Pakiet SDK AppLovin nie zwraca tokena licytacji. |
| 115 | Brak identyfikatora jednostki reklamowej. Nie można wczytać reklamy. |
| 116 | Reklama nie jest gotowa. Nie można wyświetlić reklamy. |
Wersja 0.1.0
- Pierwsza wersja.
- Obsługuje adapter AppLovin na Androida w wersji 13.6.4.1.
- Obsługuje adapter AppLovin na iOS w wersji 13.6.4.0.
- Wtyczka została utworzona i przetestowana z użyciem wtyczki do reklam mobilnych Google dla środowiska React Native w wersji 0.1.0.