Z tego przewodnika dowiesz się, jak za pomocą pakietu SDK do reklam mobilnych Google wczytywać i wyświetlać reklamy z Pangle przy użyciu mediacji. Obejmuje on zarówno integrację z metodą kaskadową, jak i z metodą ustalania stawek. Przewodnik zawiera informacje o tym, jak dodać Pangle do konfiguracji zapośredniczenia jednostki reklamowej oraz jak zintegrować pakiet SDK i adapter Pangle z aplikacją Flutter.
Obsługiwane integracje i formaty reklam
Adapter zapośredniczenia AdMob dla Pangle umożliwia:
Integracja | |
---|---|
Określanie stawek | |
Wodospad | |
Formaty | |
Baner | |
Pełnoekranowa | |
Z nagrodą | |
Reklama pełnoekranowa z nagrodą | |
Natywna |
Wymagania
- Najnowsza wersja pakietu SDK do reklam mobilnych Google
- Flutter w wersji 3.7.0 lub nowszej
- [Dla ustalania stawek]: aby zintegrować wszystkie obsługiwane formaty reklam w ramach ustalania stawek, użyj wtyczki Google Mobile Ads do zapośredniczenia w Pangle w wersji 2.4.0 lub nowszej (zalecana najnowsza wersja).
- Aby wdrożyć na Androidzie:
- poziom interfejsu API 21 lub nowszy,
- Aby wdrożyć aplikację na iOS:
- docelowa wersja iOS 12.0 lub nowsza
- działający projekt Flutter skonfigurowany za pomocą pakietu SDK do reklam mobilnych Google. Więcej informacji znajdziesz w artykule Pierwsze kroki.
- Przejdź przez proces zapośredniczenia, korzystając z przewodnika dla początkujących.
Krok 1. Skonfiguruj konfiguracje w interfejsie Pangle
Zarejestruj lub zaloguj się na konto Pangle.
Dodawanie nowej aplikacji
Przejdź na kartę Aplikacje i kliknij przycisk Dodaj aplikację.
Wybierz system operacyjny, dla którego chcesz utworzyć aplikację, i uzupełnij resztę formularza. Następnie kliknij Prześlij.
Android
iOS
Zapisz identyfikator aplikacji.
Android
iOS
Tworzenie miejsca docelowego reklamy
Po utworzeniu aplikacji kliknij przycisk Dodaj, aby utworzyć miejsce docelowe reklamy.
Android
iOS
Określanie stawek
Wybierz Format reklamy i Nazwa miejsca docelowego reklamy, a jako Typ ustalania stawek wybierz Określanie stawek w aplikacji. Wypełnij resztę formularza i kliknij Prześlij.
Po utworzeniu miejsca docelowego reklamy zanotuj jego identyfikator.
Android
iOS
Wodospad
Wybierz Format reklamy i Nazwa miejsca docelowego reklamy, a jako Model cenowy wybierz Global CPM. Wypełnij resztę formularza i kliknij Prześlij.
Po utworzeniu miejsca docelowego reklamy zanotuj jego identyfikator.
Android
iOS
Znajdowanie klucza interfejsu Pangle Reporting API
Określanie stawek
Ten krok nie jest wymagany w przypadku integracji określania stawek.
Wodospad
Zanotuj identyfikator użytkownika w lewym dolnym rogu strony.
Kliknij Integracje > SDK i API > Interfejs Pangle Reporting API 2.0. Zapisz identyfikator roli i klucz bezpieczeństwa.
Włączanie trybu testowego
Aby włączyć reklamy testowe Pangle, postępuj zgodnie z instrukcjami w przewodniku Pangle dotyczącym dodawania reklam testowych.
Krok 2. Skonfiguruj zapotrzebowanie Pangle w interfejsie AdMob
Konfigurowanie ustawień zapośredniczenia dla jednostki reklamowej
Android
Instrukcje znajdziesz w kroku 2 w przewodniku dotyczącym Android.
iOS
Instrukcje znajdziesz w kroku 2 w przewodniku dotyczącym iOS.
Krok 3. Zaimportuj pakiet SDK i adapter Pangle
Integracja przez pub.dev
(dotyczy tylko Androida) dodaj te repozytoria do pliku build.gradle
w katalogu android
projektu:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Dodaj w pliku pubspec.yaml
pakietu następującą zależność od najnowszych wersji pakietu SDK i adaptera Pangle:
dependencies:
gma_mediation_pangle: ^1.0.0
Integracja ręczna
Pobierz najnowszą wersję wtyczki do zapośredniczenia reklam mobilnych Google dla Pangle, wyodrębnij pobrany plik i dodaj wyodrębniony folder wtyczki (oraz jego zawartość) do projektu Flutter. Następnie odwołuj się do wtyczki w pliku pubspec.yaml
, dodając tę zależność:
dependencies:
gma_mediation_pangle:
path: path/to/local/package
Krok 4. Dodaj wymagany kod
Android
Integracja z Pangle nie wymaga dodatkowego kodu.
iOS
Integracja z SKAdNetwork
Aby dodać identyfikatory SKAdNetwork do pliku Info.plist
projektu, postępuj zgodnie z dokumentacją Pangle.
Krok 5. Przetestuj implementację
Włączanie reklam testowych
Pamiętaj, aby zarejestrować urządzenie testowe w AdMob i włączyć tryb testowy w interfejsie Pangle.
Weryfikowanie reklam testowych
Aby sprawdzić, czy otrzymujesz reklamy testowe z Pangle, włącz testowanie pojedynczego źródła reklam w inspektorze reklam, korzystając ze źródeł reklam Pangle (określanie stawek) i Pangle (kaskada).
Kody błędów
Jeśli adapter nie otrzyma reklamy z Pangle, wydawcy mogą sprawdzić błąd podstawowy w odpowiedzi reklamy, korzystając z ResponseInfo
w tych klasach:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
Oto kody i towarzyszące im komunikaty, które pojawiają się w adapterze Pangle, gdy nie udaje się załadować reklamy:
Android
Kod błędu | Domena | Przyczyna |
---|---|---|
101 | com.google.ads.mediation.pangle | nieprawidłowe parametry serwera (np. brak identyfikatora aplikacji lub miejsca docelowego); |
102 | com.google.ads.mediation.pangle | Żądany rozmiar reklamy nie odpowiada obsługiwanemu rozmiarowi banera w Pangle. |
103 | com.google.ads.mediation.pangle | Brakująca lub nieprawidłowa odpowiedź na zapytanie o stawki. |
-1-60000 | com.pangle.ads | Pakiet SDK Pangle zwrócił błąd. Aby dowiedzieć się więcej, zapoznaj się z dokumentacją Pangle. |
iOS
Kod błędu | Domena | Przyczyna |
---|---|---|
101 | com.google.ads.mediation.pangle | nieprawidłowe parametry serwera (np. brak identyfikatora aplikacji lub miejsca docelowego); |
102 | com.google.ads.mediation.pangle | Żądany rozmiar reklamy nie odpowiada obsługiwanemu rozmiarowi banera w Pangle. |
-1-60000 | Wysłano z pakietu SDK Pangle | Pakiet SDK Pangle zwrócił błąd. Aby dowiedzieć się więcej, zapoznaj się z dokumentacją Pangle. |
Historia zmian adaptera Pangle Flutter Mediation
Następna wersja
- Skompilowano i przetestowano za pomocą wtyczki reklam mobilnych Google dla Fluttera w wersji 5.2.0.
2.0.0
- Weryfikowana zgodność z adapterem Pangle na Androida w wersji 6.1.0.9.0.
- Weryfikowana zgodność z adapterem Pangle na iOS w wersji 6.2.0.5.0.
- Skompilowano i przetestowano za pomocą wtyczki reklam mobilnych Google dla Fluttera w wersji 5.1.0.
1.1.0
- Weryfikowana zgodność z adapterem Pangle na Androida w wersji 5.9.0.4.0.
- Weryfikowana zgodność z adapterem Pangle na iOS w wersji 5.9.0.7.0.
- Skompilowano i przetestowano za pomocą wtyczki reklam mobilnych Google dla Fluttera w wersji 5.1.0.
1.0.0
- Pierwsza wersja.
- Weryfikacja zgodności z adapterem Pangle na Androida w wersji 5.8.0.9.0
- Weryfikowana zgodność z adapterem Pangle na iOS w wersji 5.8.0.8.0
- Skompilowano i przetestowano za pomocą wtyczki reklam mobilnych Google dla Fluttera w wersji 5.0.0.