Banery adaptacyjne umożliwiają określenie szerokości reklamy, aby wyznaczyć optymalny rozmiar reklamy. Banery adaptacyjne maksymalizują też skuteczność kampanii dzięki optymalizacji rozmiaru reklamy na każdym urządzeniu. Takie podejście stwarza możliwości poprawy skuteczności.
W porównaniu z zakotwiczonymi banerami adaptacyjnymi banery śródtekstowe są większe i wyższe oraz używają zmiennych zamiast stałych wysokości. Wbudowane banery adaptacyjne mają zmienną wysokość i mogą zajmować cały ekran lub mieć maksymalną wysokość określoną przez Ciebie.
Banery adaptacyjne umieszczasz w przewijanych treściach, np.:
Zanim zaczniesz
Zanim przejdziesz dalej, sprawdź, czy masz:
- Pakiet SDK do reklam mobilnych Google w wersji 8.10.0 lub nowszej.
- Ukończyłeś(-aś) przewodnik Reklamowe banery.
Wdrażanie banerów adaptacyjnych
W przeciwieństwie do zakotwiczonych banerów adaptacyjnych wbudowane banery adaptacyjne są wczytywane z użyciem rozmiaru banera śródtekstowego. Aby utworzyć rozmiar reklamy dopasowującej się do miejsca docelowego, wykonaj te czynności:
- Uzyskaj szerokość używanego urządzenia lub ustaw własną szerokość, jeśli nie chcesz używać pełnej szerokości ekranu.
- Użyj odpowiednich metod statycznych klasy rozmiaru reklamy, takich jak
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)aby uzyskać obiekt rozmiaru reklamy w ramce adaptacyjnej dla wybranej orientacji. - Jeśli chcesz ograniczyć wysokość banera, użyj metody statycznej
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
W tym przykładzie pokazano te czynności:
Swift
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or
// set your own width. This example sets a static width.
let adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320)
// Step 2: Create banner with the inline size and set ad unit ID.
let bannerView = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self
// Step 3: Load an ad.
let request = GADRequest()
bannerView.load(request)
// TODO: Insert banner view in table view or scroll view, etc.
Objective-C
// Step 1: Create an inline adaptive banner ad size. This size is used to
// request your adaptive banner. You can pass in the width of the device, or set
// your own width. This example sets a static width.
GADAdSize *adSize = GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(320);
// Step 2: Create banner with the inline size and set ad unit ID.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;
// Step 3: Load an ad.
GADRequest *request = [GADRequest request];
[bannerView loadRequest:request];
// TODO: Insert banner view in table view or scroll view, etc.
Podczas implementowania banerów adaptacyjnych w aplikacji pamiętaj o tych kwestiach:
- Rozmiary banerów adaptacyjnych w linii tekstu najlepiej sprawdzają się, gdy wykorzystuje się całą dostępną szerokość. W większości przypadków jest to pełna szerokość ekranu urządzenia lub pełna szerokość treści nadrzędnych banera. Musisz znać szerokość widoku, który chcesz umieścić w reklamie, szerokość urządzenia, szerokość treści nadrzędnych oraz odpowiednie bezpieczne obszary.
Orientacja rozmiaru banera adaptacyjnego w tekście
Aby wstępnie załadować inline adaptacyjny baner reklamowy w określonej orientacji, użyj jednej z tych metod:
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Jeśli Twoja aplikacja obsługuje zarówno orientację poziomą, jak i pionową, a Ty chcesz wstępnie wczytać baner adaptacyjny w bieżącej orientacji, użyj metody GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width). Ta metoda wczytuje reklamę w bieżącej orientacji.
Ograniczanie wysokości banerów adaptacyjnych w tekście
Domyślnie wbudowane banery adaptacyjne tworzone bez wartości maxHeight mają maxHeight równe wysokości urządzenia. Aby ograniczyć wysokość banera adaptacyjnego w linii, użyj metody GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight).
Dodatkowe materiały
Przykłady w GitHub
Pobierz przykładową aplikację, aby zobaczyć, jak działają banery adaptacyjne wbudowane.