Z tego przewodnika dowiesz się, jak używać pakietu SDK do reklam mobilnych Google do wczytywania i wyświetlania reklam z Pangle przy użyciu zapośredniczeniaw zakresie kaskady i określania stawek z określaniem stawek. Opisano w nim, 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
AdMob Adapter zapośredniczenia Pangle ma te możliwości:
Integracja | |
---|---|
Ustalanie stawek | |
Wodospad | |
Formaty | |
Baner | |
Pełnoekranowa | |
Otrzymano | |
Pełnoekranowa z nagrodą |
Wymagania
- Najnowszy pakiet SDK do reklam mobilnych Google
- Flutter w wersji 3.7.0 lub nowszej
- Aby przeprowadzić wdrożenie na Androidzie:
- Interfejs API Androida na poziomie 21 lub wyższym
- Aby wdrożyć w iOS:
- Wartość docelowa wdrożenia iOS w wersji 12.0 lub nowszej
- Działający Flutter projekt skonfigurowany za pomocą pakietu SDK do reklam mobilnych Google Więcej informacji znajdziesz w artykule Pierwsze kroki.
- Wykonaj czynności dotyczące zapośredniczenia Wprowadzenie
Krok 1. Skonfiguruj konfiguracje w interfejsie Pangle
Zarejestruj się lub zaloguj na konto Pangle.
Dodaj nową aplikację
Otwórz kartę Applications (Aplikacje) i kliknij przycisk Add App (Dodaj aplikację).
Wybierz System operacyjny, dla którego chcesz utworzyć aplikację, i wypełnij resztę formularza. Następnie kliknij Prześlij.
Android
iOS
Zanotuj identyfikator aplikacji swojej aplikacji.
Android
iOS
Tworzenie miejsca docelowego reklamy
Po utworzeniu aplikacji kliknij przycisk Dodaj, aby utworzyć miejsce docelowe reklamy.
Android
iOS
Ustalanie stawek
Wybierz Format reklamy i Nazwa miejsca docelowego reklamy, a jako Typ wybierz Ustalanie stawek w aplikacji. Wypełnij resztę formularza i kliknij Prześlij.
Po utworzeniu miejsca docelowego reklamy zanotuj Identyfikator miejsca docelowego reklamy.
Android
iOS
Wodospad
Wybierz Format reklamy i Nazwa miejsca docelowego reklamy, a jako Typ cen – Globalny CPM. Wypełnij resztę formularza i kliknij Prześlij.
Po utworzeniu miejsca docelowego reklamy zanotuj Identyfikator miejsca docelowego reklamy.
Android
iOS
Znajdowanie klucza interfejsu Pangle Reporting API
Ustalanie stawek
W przypadku integracji określania stawek ten krok nie jest wymagany.
Wodospad
Zwróć uwagę na identyfikator użytkownika w lewym dolnym rogu strony.
Kliknij Integracje > SDK i interfejs API > Pangle Reporting API 2.0. Zwróć uwagę na identyfikator roli i klucz bezpieczeństwa.
Włącz tryb testowy
Wykonaj instrukcje z przewodnika Jak dodać reklamę testową w Pangle, aby dowiedzieć się, jak włączyć reklamy testowe Pangle.
Krok 2. Skonfiguruj oferty reklamowe Pangle w AdMob interfejsie użytkownika
Konfigurowanie ustawień zapośredniczenia dla jednostki reklamowej
Android
Instrukcje znajdziesz w kroku 2 instrukcji na Androida.
iOS
Instrukcje znajdziesz w kroku 2 przewodnika po iOS.
Krok 3. Zaimportuj pakiet SDK i adapter Pangle
Integracja za pomocą pub.dev
(Tylko w Androidzie) Dodaj te repozytoria do pliku build.gradle
w katalogu android
projektu:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Dodaj tę zależność do najnowszych wersji pakietuPangle SDK i adaptera w pliku pubspec.yaml
pakietu:
dependencies:
gma_mediation_pangle: ^1.0.0
Integracja ręczna
Pobierz najnowszą wersję wtyczki zapośredniczenia reklam mobilnych Google dla Pangle, wyodrębnij pobrany plik i dodaj do projektu Flutter wyodrębniony folder wtyczki (wraz z jego zawartością). Następnie odwołaj 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 SKAdNetwork
Wykonaj dokumentację Pangle, aby dodać identyfikatory SKAdNetwork do pliku Info.plist
projektu.
Krok 5. Przetestuj implementację
Włącz reklamy testowe
Zarejestruj urządzenie testowe na potrzeby AdMob i włącz tryb testowy w Pangle interfejsie użytkownika.
Weryfikacja reklam testowych
Aby sprawdzić, czy otrzymujesz reklamy testowe z witrynyPangle, włącz w inspektorze reklam testowanie pojedynczego źródła reklam, korzystając z Pangle (Bidding) and Pangle (Waterfall) źródeł reklam.
Kody błędów
Jeśli adapter nie otrzyma reklamy z Pangle, wydawcy mogą sprawdzić podstawowy błąd w odpowiedzi na żądanie reklamy, korzystając z ResponseInfo
w tych klasach:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
Oto kody i powiązane z nimi wiadomości wysyłane przez adapter Pangle, gdy nie można wczytać reklamy:
Android
Kod błędu | Domena | Przyczyna |
---|---|---|
101 | com.google.ads.mediation.pangle | Nieprawidłowe parametry serwera (np. brak identyfikatora aplikacji lub identyfikatora miejsca docelowego). |
102 | com.google.ads.mediation.pangle | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez Pangle. |
103 | com.google.ads.mediation.pangle | Brak odpowiedzi na pytanie o stawkę lub jest ona nieprawidłowa. |
-1-60000 | com.pangle.ads | Pakiet Pangle SDK zwrócił błąd. Więcej informacji znajdziesz w dokumentacji Pangle. |
iOS
Kod błędu | Domena | Przyczyna |
---|---|---|
101 | com.google.ads.mediation.pangle | Nieprawidłowe parametry serwera (np. brak identyfikatora aplikacji lub identyfikatora miejsca docelowego). |
102 | com.google.ads.mediation.pangle | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez Pangle. |
-1-60000 | Wysłano przez pakiet SDK Pangle | Pakiet Pangle SDK zwrócił błąd. Więcej informacji znajdziesz w dokumentacji Pangle. |
1.0.0
- Pierwsza wersja.
- Zweryfikowana zgodność z adapterem Pangle Android w wersji 5.8.0.9.0
- Zweryfikowana zgodność z adapterem Pangle iOS w wersji 5.8.0.8.0