Wbudowane banery adaptacyjne

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:

1. Uzyskaj szerokość używanego urządzenia lub ustaw własną szerokość, jeśli nie chcesz używać pełnej szerokości ekranu.
2. Użyj odpowiednich metod statycznych klasy rozmiaru reklamy, takich jak GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) aby uzyskać obiekt rozmiaru reklamy w ramce adaptacyjnej dla wybranej orientacji.
3. 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.

Ważne: rozmiary reklam rezerwacji w Ad Managerze mogą być wyświetlane w tym samym boksie reklamowym co reklamy o rozmiarze banera adaptacyjnego. Aby banery adaptacyjne mogły być używane z rezerwowanymi reklamami Ad Managera w tym samym boksie reklamowym, musisz wprowadzić 2 zmiany. Najpierw ustaw parametr adSize na rozmiar adaptacyjny. Po drugie, ustaw validAdSizes jako tablicę rozmiarów zawierającą wszystkie rozmiary reklam z rezerwacją, które chcesz wyświetlać w boksie reklamowym z dopasowywaniem.

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ę 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.

Swift Objective-C