Banery adaptacyjne to nowa generacja reklam elastycznych, które maksymalizują skuteczność dzięki optymalizacji rozmiaru reklamy pod kątem każdego urządzenia. Dzięki ulepszeniom banerów o stałym rozmiarze, które obsługiwały tylko o stałej wysokości, deweloperzy mogą określić szerokość reklamy i na tej podstawie określić optymalny rozmiar reklamy.
Aby wybrać najlepszy rozmiar reklamy, wbudowane banery adaptacyjne korzystają z maksymalnej wysokości, a nie ze stałej wysokości. Tworzy to możliwości poprawy skuteczności.
Kiedy używać śródtekstowych banerów adaptacyjnych
Banery adaptacyjne śródtekstowe są większe i wyższe niż zakotwiczone banery adaptacyjne. Mają zmienną wysokość i równą wysokość ekranu urządzenia.
Należy je umieszczać w przewijanych treściach, na przykład:
Zanim zaczniesz
Wdrażając banery adaptacyjne w swojej aplikacji, pamiętaj o tych kwestiach:
- Aby wbudowane banery adaptacyjne działały prawidłowo, musisz ustawić układy elastyczne. Jeśli tego nie zrobisz, reklamy mogą być przycięte lub nieprawidłowo renderowane.
Musisz określić szerokość miejsca, w którym będzie umieszczona reklama, oraz uwzględnić szerokość urządzenia i wszystkie bezpieczne obszary.
Upewnij się, że używasz najnowszej wersji pakietu SDK do reklam mobilnych Google, a jeśli korzystasz z zapośredniczenia – najnowszych wersji adapterów zapośredniczenia.
Rozmiary wbudowanych banerów adaptacyjnych są zaprojektowane tak, aby działały najlepiej przy pełnej dostępnej szerokości. W większości przypadków będzie to pełna szerokość ekranu używanego urządzenia. Pamiętaj, aby wziąć pod uwagę odpowiednie bezpieczne obszary.
- Aby działały z rozmiarami adaptacyjnymi, może być konieczne zaktualizowanie lub utworzenie nowych elementów zamówienia. Dowiedz się więcej.
Metody wyznaczania rozmiaru reklamy:
Gdy korzystasz z interfejsów API wbudowanych banerów adaptacyjnych, pakiet SDK do reklam mobilnych Google zwraca
AdSize
o podanej szerokości i wbudowanej flagi. Wysokość wynosi zero lubmaxHeight
, w zależności od używanego interfejsu API. Rzeczywista wysokość reklamy jest udostępniana po zwróceniu.Wbudowany baner adaptacyjny jest przeznaczony do umieszczania w treściach przewijanych. W zależności od interfejsu API baner może mieć taką samą wysokość jak ekran urządzenia lub ograniczyć jego maksymalną wysokość.
Implementacja
Czynności, które musisz wykonać, aby wdrożyć wbudowane banery adaptacyjne, są takie same jak w przypadku zakotwiczonych banerów adaptacyjnych. Jedyna różnica polega na tym, że wbudowane banery adaptacyjne są ładowane za pomocą rozmiaru wbudowanego banera adaptacyjnego. Aby utworzyć wbudowany rozmiar reklamy adaptacyjnej:
- Sprawdź szerokość urządzenia w użyciu lub ustaw własną szerokość, jeśli nie chcesz korzystać z pełnej szerokości ekranu.
- Zastosuj odpowiednie metody statyczne do klasy rozmiaru reklamy, takie jak
AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
, aby uzyskać wbudowany obiekt rozmiaru reklamy adaptacyjnej dla wybranej orientacji. - Jeśli chcesz ograniczyć wysokość banera, możesz użyć metody statycznej.
AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)
.
Poniższy przykładowy kod ilustruje te czynności:
Java
// Step 1: Create an inline adaptive banner ad size using the activity context. AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320); // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. AdManagerAdView bannerView = new AdManagerAdView(this); bannerView.setAdUnitId("ad unit ID"); // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER); // Step 3: Load an ad. AdManagerAdRequest adRequest = new AdManagerAdRequest.Builder().build(); bannerView.loadAd(adRequest); // TODO: Insert banner view in list view or scroll view, etc.
Kotlin
// Step 1: Create an inline adaptive banner ad size using the activity context. val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320) // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. val bannerView = AdManagerAdView(this) bannerView.adUnitId = "ad unit ID" // Note that this sets both the adaptive ad size for backfill inventory as well // as the supported reservation sizes. bannerView.setAdSizes(adSize, AdSize.BANNER) // Step 3: Load an ad. val adRequest = AdManagerAdRequest.Builder().build() bannerView.loadAd(adRequest) // TODO: Insert banner view in list view or scroll view, etc.
Dodatkowe materiały
Przykłady w GitHubie
Pobierz przykładową aplikację, aby zobaczyć, jak działają wbudowane banery adaptacyjne.