Wbudowane banery adaptacyjne

Banery adaptacyjne to nowa generacja reklam elastycznych, które maksymalizują skuteczność dzięki optymalizacji rozmiaru reklamy pod kątem każdego urządzenia. Dzięki ulepszeniom banerów o stałym rozmiarze, które obsługiwały tylko o stałej wysokości, deweloperzy mogą określić szerokość reklamy i na tej podstawie określić optymalny rozmiar reklamy.

Aby wybrać najlepszy rozmiar reklamy, wbudowane banery adaptacyjne korzystają z maksymalnej wysokości, a nie ze stałej wysokości. Tworzy to możliwości poprawy skuteczności.

Kiedy używać śródtekstowych banerów adaptacyjnych

Banery adaptacyjne śródtekstowe są większe i wyższe niż zakotwiczone banery adaptacyjne. Mają zmienną wysokość i równą wysokość ekranu urządzenia.

Należy je umieszczać w przewijanych treściach, na przykład:

Wymagania wstępne

• Pakiet SDK do reklam mobilnych Google w wersji 8.10.0 lub nowszej

Zanim zaczniesz

Wdrażając banery adaptacyjne w swojej aplikacji, pamiętaj o tych kwestiach:

• Musisz określić szerokość miejsca, w którym będzie umieszczona reklama, oraz uwzględnić szerokość urządzenia i wszystkie bezpieczne obszary.

• Upewnij się, że używasz najnowszej wersji pakietu SDK do reklam mobilnych Google, a jeśli korzystasz z zapośredniczenia – najnowszych wersji adapterów zapośredniczenia.

• Rozmiary wbudowanych banerów adaptacyjnych są zaprojektowane tak, aby działały najlepiej przy pełnej dostępnej szerokości. W większości przypadków będzie to pełna szerokość ekranu używanego urządzenia. Pamiętaj, aby wziąć pod uwagę odpowiednie bezpieczne obszary.

• Aby działały z rozmiarami adaptacyjnymi, może być konieczne zaktualizowanie lub utworzenie nowych elementów zamówienia. Dowiedz się więcej.

• Metody wyznaczania rozmiaru reklamy:

  • GADCurrentOrientationInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADPortraitInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADLandscapeInlineAdaptiveBannerAdSizeWithWidth(CGFloat width)
  • GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight)

• Gdy korzystasz z interfejsów API wbudowanych banerów adaptacyjnych, pakiet SDK do reklam mobilnych Google zwraca GADAdSize o podanej szerokości i wbudowanej flagi. Wysokość wynosi zero lub maxHeight, w zależności od używanego interfejsu API. Rzeczywista wysokość reklamy jest udostępniana po zwróceniu.

• Wbudowany baner adaptacyjny jest przeznaczony do umieszczania w treściach przewijanych. W zależności od interfejsu API baner może mieć taką samą wysokość jak ekran urządzenia lub ograniczyć jego maksymalną wysokość.

Implementacja

Czynności, które musisz wykonać, aby wdrożyć wbudowane banery adaptacyjne, są takie same jak w przypadku zakotwiczonych banerów adaptacyjnych. Jedyna różnica polega na tym, że wbudowane banery adaptacyjne są ładowane za pomocą rozmiaru wbudowanego banera adaptacyjnego. Aby utworzyć wbudowany rozmiar reklamy adaptacyjnej:

• Sprawdź szerokość urządzenia w użyciu lub ustaw własną szerokość, jeśli nie chcesz korzystać z pełnej szerokości ekranu.
• Zastosuj odpowiednie metody statyczne do klasy rozmiaru reklamy, takie jak GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width) , aby uzyskać wbudowany obiekt rozmiaru reklamy adaptacyjnej dla wybranej orientacji.
• Jeśli chcesz ograniczyć wysokość banera, możesz użyć metody statycznej. GADInlineAdaptiveBannerAdSizeWithWidthAndMaxHeight(CGFloat width, CGFloat maxHeight) .

Poniższy przykładowy kod ilustruje 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 = "ad unit ID"
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 = @"ad unit ID";
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 z rezerwacji w usłudze Ad Manager mogą być wyświetlane w tym samym boksie reklamowym co reklamy o rozmiarach banerów adaptacyjnych. Aby używać banerów adaptacyjnych z reklamami z rezerwacji Ad Managera w tym samym boksie reklamowym, musisz wprowadzić 2 zmiany. Najpierw ustaw adSize na rozmiar adaptacyjny. Po drugie ustaw validAdSizes na tablicę rozmiarów zawierającą wszystkie rozmiary reklam z rezerwacji, które chcesz wyświetlać w adaptacyjnym boksie reklamowym.

Dodatkowe materiały

Przykłady w GitHubie

Pobierz przykładową aplikację, aby zobaczyć, jak działają wbudowane banery adaptacyjne.

Swift Objective-C