Banery adaptacyjne umożliwiają określenie szerokości reklamy, aby wybrać 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 adaptacyjnej w ramce 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 = GAMBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
bannerView.rootViewController = self
// For Ad Manager, the `adSize` property is used for the adaptive banner ad
// size. The `validAdSizes` property is used as normal for the supported
// reservation sizes for the ad placement.
bannerView.validAdSizes = [NSValueFromGADAdSize(GADAdSizeBanner)]
// Step 3: Load an ad.
let request = GAMRequest()
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.
GAMBannerView bannerView = [[GAMBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
bannerView.rootViewController = self;
// For Ad Manager, the adSize property is used for the adaptive banner ad size.
// The validAdSizes property is used as normal for the supported reservation
// sizes for the ad placement. This is optional and only needed if you wish to
// support reservation ad sizes.
bannerView.validAdSizes = @[ NSValueFromGADAdSize(GADAdSizeBanner) ];
// Step 3: Load an ad.
GAMRequest *request = [GAMRequest 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.
- Aby korzystać z rozmiarów dostosowujących się do ekranu, konieczne może być zaktualizowanie lub utworzenie nowych elementów zamówienia. Więcej informacji
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ę pionową, jak i poziomą, 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 wbudowanego banera adaptacyjnego
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.