Z tego przewodnika dowiesz się, jak używać pakietu Google Mobile Ads Flutter Plugin do wczytywania i wyświetlania reklam displayowych z Pangle za pomocą zapośredniczenia, które obejmuje zarówno integracje kaskadowe, jak i integracje z określaniem stawek. Dowiesz się, 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 Ad Managera do Pangle ma te możliwości:
| Integracja | |
|---|---|
| Określanie stawek | 1 |
| Kaskada | |
| Formaty | |
| Otwarcie aplikacji | 2 |
| Baner | 2 |
| Pełnoekranowa | |
| Z nagrodą | |
| Reklama pełnoekranowa z nagrodą | |
| Rodzimy użytkownik | 2 |
1 Dostępne źródła reklam z ustalaniem stawek Pangle to Pangle US, Pangle KR i Pangle ROW.
2 Ten format nie jest obsługiwany w przypadku tych źródeł reklam z ustalaniem stawek Pangle: Pangle US.
Wymagania wstępne
- Najnowsza wersja Google Mobile Ads Flutter Plugin.
- [W przypadku określania stawek w Pangle w USA]: użyj adaptera Pangle w wersji 3.1.0 lub nowszej.
- Flutter w wersji 3.7.0 lub nowszej.
- To deploy on Android
- Android z interfejsem API na poziomie 24 lub wyższym.
- Aby wdrożyć na iOS:
- iOS w wersji 13.0 lub nowszej.
- Działający projekt Flutter skonfigurowany za pomocą Google Mobile Ads Flutter Plugin. Szczegółowe informacje znajdziesz w artykule Konfigurowanie Google Mobile Ads Flutter Plugin.
Krok 1. Skonfiguruj ustawienia w interfejsie Pangle
Zarejestruj się lub zaloguj się na konto Pangle.
Dodawanie nowej aplikacji
Otwórz kartę Applications (Aplikacje) i kliknij przycisk Add App (Dodaj aplikację).

Wybierz system operacyjny, dla którego chcesz utworzyć aplikację, i wypełnij pozostałą część formularza. Następnie kliknij Prześlij.
Android

iOS

Zanotuj identyfikator aplikacji.
Android

iOS

Tworzenie miejsc docelowych reklam
Po utworzeniu aplikacji kliknij przycisk Dodaj, aby utworzyć miejsce docelowe reklamy.
Android

iOS

Określanie stawek
Wybierz Format reklamy i Nazwę miejsca docelowego reklamy, a następnie jako Typ ceny wybierz Określanie stawek w aplikacji. Wypełnij resztę formularza i kliknij Prześlij.

Po utworzeniu miejsca docelowego reklamy zanotuj jego identyfikator miejsca docelowego reklamy.
Android

iOS

Kaskada
Wybierz Format reklamy i Nazwę miejsca docelowego reklamy, a jako Typ ceny wybierz Globalny CPM. Wypełnij resztę formularza i kliknij Prześlij.

Po utworzeniu miejsca docelowego reklamy zanotuj jego identyfikator miejsca docelowego reklamy.
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, utwórz go na potrzeby Ad Managera.
Aby wdrożyć app-ads.txt w przypadku Pangle, przeczytaj artykuł Jak dodać Pangle do pliku app-ads.txt.
Włączanie trybu testowego
Aby włączyć reklamy testowe Pangle, postępuj zgodnie z instrukcjami podanymi w przewodniku How to add a Test Ad (Jak dodać reklamę testową) na stronie Pangle.
Krok 2. Skonfiguruj żądania Pangle w interfejsie Ad Managera
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 systemu iOS.
Dodawanie platformy DSP Pangle do listy partnerów reklamowych zgodnych z RODO i przepisami stanowymi w USA
Wykonaj czynności opisane w sekcjach Ustawienia dotyczące rozporządzeń europejskich i Ustawienia dotyczące amerykańskich przepisów stanowych, aby dodać Pangle DSP do listy partnerów reklamowych zgodnych z rozporządzeniami europejskimi i amerykańskimi przepisami stanowymi w interfejsie Ad Managera.
Krok 3. Zaimportuj pakiet SDK i adapter Pangle
Integracja przez pub.dev
(Tylko Android) Dodaj te repozytoria do pliku build.gradle w katalogu android projektu:
repositories {
google()
mavenCentral()
maven {
url = uri("https://artifact.bytedance.com/repository/pangle/")
}
}
Dodaj do pliku pubspec.yaml pakietu tę zależność z najnowszymi wersjami pakietu SDK i adaptera Pangle:
dependencies:
gma_mediation_pangle: ^4.2.1
Integracja ręczna
Pobierz najnowszą wersję wtyczki zapośredniczenia reklam mobilnych Google dla Pangle, rozpakuj pobrany plik i dodaj rozpakowany folder wtyczki (oraz jego zawartość) do projektu Flutter. Następnie dodaj odwołanie do wtyczki w pliku pubspec.yaml, dodając tę zależność:
dependencies:
gma_mediation_pangle:
path: path/to/local/package
Krok 4. Wdróż ustawienia prywatności w pakiecie SDK Pangle
Zgoda użytkowników z UE i RODO
Aby zachować zgodność z polityką Google w zakresie zgody użytkownika z UE, musisz udzielać odpowiednich informacji użytkownikom z Europejskiego Obszaru Gospodarczego (EOG), Wielkiej Brytanii i Szwajcarii oraz uzyskać ich zgodę na stosowanie plików cookie lub innych środków do lokalnego przechowywania danych, jeśli jest to wymagane prawnie. Musisz też uzyskać ich zgodę na zbieranie, udostępnianie i wykorzystywanie danych osobowych do personalizowania 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.
W adapterze Flutter Pangle w wersji 3.6.0 i nowszych Pangle automatycznie odczytuje zgodę na wykorzystanie danych zgodnie z RODO ustawioną przez platformy do zarządzania zgodą użytkowników, które obsługują specyfikację Google dotyczącą udzielenia dodatkowej zgody, w tym pakiet SDK UMP.
amerykańskie przepisy stanowe o ochronie prywatności
Amerykańskie przepisy stanowe o ochronie prywatności wymagają, aby użytkownicy mieli możliwość wycofania zgody na „sprzedaż” ich „danych osobowych” (w znaczeniu określonym w ustawie). Opcja ta musi być dostępna za pomocą dobrze widocznego linku „Do Not Sell My Personal Information” („Nie sprzedawaj moich danych osobowych”) na stronie głównej podmiotu „sprzedającego”. Przewodnik po amerykańskich przepisach stanowych 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 przekazywać informacje o zgodzie do pakietu SDK Pangle. Ustaw informacje o zgodzie przed zainicjowaniem Google Mobile Ads Flutter Plugin, aby mieć pewność, że zostaną one prawidłowo przekazane do pakietu SDK Pangle.
Więcej informacji i wartości, które można podać w poszczególnych metodach, znajdziesz w przewodniku po integracji z Pangle.
Krok 5. Dodaj wymagany kod
Android
Integracja z Pangle nie wymaga dodatkowego kodu.
iOS
Integracja SKAdNetwork
Aby dodać identyfikatory SKAdNetwork do pliku Info.plist projektu, postępuj zgodnie z dokumentacją Pangle.
Krok 6. Przetestuj implementację
Włączanie reklam testowych
Pamiętaj, aby zarejestrować urządzenie testowe w usłudze Ad Manager i włączyć tryb testowy w interfejsie Pangle.
Sprawdzanie reklam testowych
Aby sprawdzić, czy otrzymujesz reklamy testowe z Pangle, włącz w inspektorze reklam testowanie pojedynczego źródła reklam, korzystając ze źródeł reklam Pangle (kaskada), Pangle US SDK (określanie stawek), Pangle KR SDK (określanie stawek) i Pangle ROW SDK (określanie stawek).
Kody błędów
Jeśli adapter nie otrzyma reklamy od Pangle, wydawcy mogą sprawdzić błąd w odpowiedzi na żądanie reklamy, korzystając z metody ResponseInfo w tych klasach:
Android
com.pangle.ads
com.google.ads.mediation.pangle.PangleMediationAdapter
iOS
GADMediationAdapterPangle
Oto kody i powiązane z nimi komunikaty, które adapter Pangle wyświetla, gdy nie uda się 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 | Pakiet SDK Pangle nie obsługuje użytkowników niepełnoletnich. |
| -1-60000 | com.pangle.ads | Pakiet SDK Pangle zwrócił błąd. Więcej informacji znajdziesz w dokumentacji Pangle. |
iOS
| Kod błędu | Domena | Przyczyna |
|---|---|---|
| 101 | com.google.mediation.pangle | Nieprawidłowe parametry serwera (np. brak identyfikatora aplikacji lub identyfikatora miejsca docelowego). |
| 102 | com.google.mediation.pangle | Żądany rozmiar reklamy nie pasuje do rozmiaru banera obsługiwanego przez Pangle. |
| 104 | com.google.mediation.pangle | Pakiet SDK Pangle nie obsługuje użytkowników niepełnoletnich. |
| -1-60000 | Wysyłane przez pakiet SDK Pangle | Pakiet SDK Pangle zwrócił błąd. Więcej informacji znajdziesz w dokumentacji Pangle. |
Historia zmian adaptera zapośredniczenia Flutter firmy Pangle
Wersja 4.2.1
- Obsługuje adapter Pangle na Androida w wersji 8.3.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 8.3.0.8.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.1.0.
Wersja 4.2.0
- Obsługuje adapter Pangle na Androida w wersji 8.3.0.3.0.
- Obsługuje adapter Pangle na iOS w wersji 8.3.0.6.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.1.0.
Wersja 4.1.2
- Obsługuje adapter Pangle na Androida w wersji 8.2.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 8.2.1.0.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.1.0.
Wersja 4.1.1
- Zaktualizowano, aby obsługiwać wtyczkę reklam mobilnych Google do Fluttera w wersji 9.1.0.
- Dodaliśmy obsługę Swift Package Managera.
- Obsługuje adapter Pangle na Androida w wersji 8.2.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 8.2.0.9.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.1.0.
Wersja 4.1.0
- Obsługuje adapter Pangle na Androida w wersji 8.2.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 8.2.0.8.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.1.0.
Wersja 4.0.0
- Zaktualizowano, aby obsługiwać wtyczkę reklam mobilnych Google do Fluttera w wersji 9.0.0.
- Dodano obsługę adaptera Pangle na Androida w wersji 8.1.0.3.1.
- Obsługuje adapter Pangle na iOS w wersji 8.2.0.3.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 9.0.0.
Wersja 3.6.0
- Zaktualizowano minimalną wersję Fluttera do 3.38.1.
- Zaktualizowano, aby obsługiwać wtyczkę reklam mobilnych Google do Fluttera w wersji 8.0.0.
- Obsługuje adapter Pangle na Androida w wersji 7.9.1.3.0.
- Obsługuje adapter Pangle na iOS w wersji 7.9.0.8.0.
- Zbudowano i przetestowano z użyciem wtyczki reklam mobilnych Google do Fluttera w wersji 8.0.0.
Wersja 3.5.3
- Obsługuje adapter Pangle na Androida w wersji 7.8.5.2.0.
- Obsługuje adapter Pangle na iOS w wersji 7.8.5.6.0.
- Aplikacja została utworzona i przetestowana za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 7.0.0.
Wersja 3.5.2
- Zaktualizowano minimalną wersję Fluttera do 3.35.1.
- Zaktualizowano, aby obsługiwać wtyczkę reklam mobilnych Google do Fluttera w wersji 7.0.0.
- Obsługuje adapter Pangle na Androida w wersji 7.8.0.8.0.
- Obsługuje adapter Pangle na iOS w wersji 7.8.0.6.0.
- Aplikacja została utworzona i przetestowana za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 7.0.0.
Wersja 3.5.1
- Obsługuje adapter Pangle na Androida w wersji 7.8.0.8.0.
- Obsługuje adapter Pangle na iOS w wersji 7.8.0.5.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.5.0
- Obsługuje adapter Pangle na Androida w wersji 7.8.0.7.0.
- Obsługuje adapter Pangle na iOS w wersji 7.8.0.3.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.4.0
- Obsługuje adapter Pangle na Androida w wersji 7.7.0.2.0.
- Obsługuje adapter Pangle na iOS w wersji 7.7.0.5.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.3.0
- Obsługuje adapter Pangle na Androida w wersji 7.6.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 7.6.0.5.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.2.1
- Obsługuje adapter Pangle na Androida w wersji 7.3.0.5.0.
- Obsługuje adapter Pangle na iOS w wersji 7.4.1.0.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.2.0
- Obsługuje adapter Pangle na Androida w wersji 7.3.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 7.4.0.9.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.1.1
- Obsługuje adapter Pangle na Androida w wersji 7.2.0.6.0.
- thought Obsługuje adapter Pangle na iOS w wersji 7.2.0.5.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.1.0
- Obsługuje adapter Pangle na Androida w wersji 7.2.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 7.2.0.4.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 3.0.0
- Obsługuje adapter Pangle na Androida w wersji 7.1.0.8.0.
- Obsługuje adapter Pangle na iOS w wersji 7.1.1.1.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 2.2.0
- Obsługuje adapter Pangle na Androida w wersji 6.5.0.8.0.
- Obsługuje adapter Pangle na iOS w wersji 6.5.0.9.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 6.0.0.
Wersja 2.1.0
- Obsługuje adapter Pangle na Androida w wersji 6.5.0.4.1.
- Obsługuje adapter Pangle na iOS w wersji 6.5.0.8.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 5.3.1.
Wersja 2.0.0
- Obsługuje adapter Pangle na Androida w wersji 6.4.0.6.0.
- Obsługuje adapter Pangle na iOS w wersji 6.4.1.1.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 5.3.0.
Wersja 1.1.0
- Dodano obsługę adaptera Pangle na Androida w wersji 5.9.0.4.0.
- Obsługuje adapter Pangle na iOS w wersji 5.9.0.7.0.
- Zbudowano i przetestowano za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 5.1.0.
Wersja 1.0.0
- Pierwsza wersja.
- Obsługuje adapter Pangle na Androida w wersji 5.8.0.9.0.
- Obsługuje adapter Pangle na iOS w wersji 5.8.0.8.0.
- Aplikacja została utworzona i przetestowana za pomocą wtyczki reklam mobilnych Google do Fluttera w wersji 5.0.1.