Banery adaptacyjne pozwalają określić szerokość reklamy, by określić optymalny rozmiar reklamy. Banery adaptacyjne maksymalizują też skuteczność, optymalizując rozmiar reklamy dla każdego urządzenia. Takie podejście stwarza możliwości poprawy skuteczności.
W porównaniu z zakotwiczonymi banerami adaptacyjnymi banery wbudowane są większe i wyższe oraz używają zmiennych zamiast stałych wysokości. Wbudowane banery adaptacyjne: o zmiennej wysokości i może obejmować cały ekran lub maksymalną wysokość określonym przez Ciebie.
Banery adaptacyjne umieszczasz w przewijanych treściach, np.:
Zanim zaczniesz
Zanim przejdziesz dalej, przygotuj te informacje:
- pakiet SDK do reklam mobilnych Google w wersji 8.10.0 lub nowszej.
- Masz już za sobą przewodnik dla początkujących: Banery reklamowe.
Wdrażanie banerów adaptacyjnych
W przeciwieństwie do zakotwiczonych banerów adaptacyjnych, banery adaptacyjne ładują się z użyciem kodu śródtekstowego banera adaptacyjnego. 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)
Ten przykład ilustruje, jak to zrobić:
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 wbudowanych banerów adaptacyjnych działają najlepiej, gdy są używane wszystkie dostępne . W większości przypadków jest to pełna szerokość ekranu urządzenia lub pełną szerokość treści nadrzędnej banera. Musisz znać szerokość szerokości ekranu, szerokości urządzenia, szerokości treści nadrzędnej i odpowiednich bezpiecznych obszarach.
Rozmiar wbudowanego banera adaptacyjnego
Aby wstępnie wczytać wbudowany baner adaptacyjny dla określonej orientacji, użyj komponentu następujące metody:
GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Jeśli aplikacja obsługuje zarówno widok pionowy, jak i poziomy i chcesz wstępnie załadować
adaptacyjny baner reklamowy w bieżącej orientacji, użyj
GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
Ta metoda wczytuje reklamę w bieżącej orientacji.
Ogranicz wysokość wbudowanego banera adaptacyjnego
Domyślnie wbudowane banery adaptacyjne tworzone bez wartości maxHeight
mają maxHeight
równe wysokości urządzenia. Aby ograniczyć śródtekstowe reklamy adaptacyjne
wysokości banera, użyj
GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)
.
Dodatkowe materiały
Przykłady w GitHubie
Pobierz przykładową aplikację, aby zobaczyć, jak działają banery adaptacyjne wbudowane.