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.

• 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:

// 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 = "ad unit ID"
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.

// 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 = @"ad unit ID";
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.

Dodatkowe materiały

Przykłady w GitHubie

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

Swift Objective-C