Wbudowane banery adaptacyjne

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 niesie ze sobą 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, upewnij się, że masz:

• 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 odróżnieniu od zakotwiczonych banerów adaptacyjnych wbudowane banery adaptacyjne wczytują się 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 adaptacyjnej w ramce wybranej orientacji.
3. 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 = 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 w 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.

Wdrażając banery adaptacyjne w swojej 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 i odpowiednie bezpieczne obszary.

• Aby działały z rozmiarami adaptacyjnymi, może być konieczne 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 utworzone bez wartości maxHeight mają wartość maxHeight równą 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