Banery adaptacyjne to nowa generacja reklam elastycznych, która maksymalizuje przez optymalizację rozmiaru reklamy na każdym urządzeniu. To ulepszona wersja banerów o stałym rozmiarze, które obsługiwały jedynie ustalone wysokości. Banery adaptacyjne pozwalają natomiast programistom określić szerokość reklamy i wykorzystują te dane do wyznaczenia optymalnego rozmiaru reklamy.
Aby wybrać najlepszy rozmiar reklamy, wbudowane banery adaptacyjne używają maksimum zamiast stałych wysokości. Tworzy to możliwości poprawy skuteczności.
Kiedy używać śródtekstowych banerów adaptacyjnych
Wbudowane banery adaptacyjne są większe i wyższe od zakotwiczonych banerów adaptacyjnych. 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 znać szerokość widoku, w którym będzie umieszczona reklama. Należy wziąć pod uwagę szerokość urządzenia i odpowiednie bezpieczne obszary.
Upewnij się, że używasz najnowszej wersji pakietu SDK do reklam mobilnych Google. za pomocą zapośredniczenia – najnowszych wersji adapterów zapośredniczenia.
Rozmiary wbudowanych banerów adaptacyjnych są zaprojektowane tak, aby działały najlepiej, gdy o pełnej dostępnej szerokości. W większości przypadków będzie to pełna szerokość ekranu urządzenia w użyciu. Pamiętaj, aby wziąć pod uwagę odpowiednie bezpieczne obszary.
- Aby współpracować z adaptacyjnymi elementami zamówienia, konieczne może być ich zaktualizowanie lub utworzenie nowych. rozmiarów reklam Google Ads. Więcej informacji
Metody wyznaczania rozmiaru reklamy:
Gdy korzystasz z interfejsów API wbudowanych banerów adaptacyjnych, pakiet SDK do reklam mobilnych Google zwraca
GADAdSize
o podanej szerokości i inline. Wysokość wynosi 0 lubmaxHeight
, w zależności od tego, interfejsu API, którego używasz. Rzeczywista wysokość reklamy jest wyświetlana, gdy jest ona .Wbudowany baner adaptacyjny jest przeznaczony do umieszczania w treściach przewijanych. baner może mieć tak wysoką wysokość jak ekran urządzenia lub być ograniczony maksimum, w zależności od interfejsu API.
Implementacja
Czynności, które musisz wykonać, aby wdrożyć wbudowane banery adaptacyjne, są takie same aby wdrożyć zakotwiczone banery adaptacyjne. Jedyna różnica: reklamy wbudowane adaptacyjne banery reklamowe są ładowane przy użyciu rozmiaru wbudowanego banera adaptacyjnego. Do utworzyć wbudowany rozmiar reklamy adaptacyjnej:
- Sprawdź szerokość urządzenia w użyciu lub ustaw własną szerokość, jeśli nie chcesz biorą udział w całej 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, 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 = "<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.
Dodatkowe materiały
Przykłady w GitHubie
Pobierz przykładową aplikację, aby zobaczyć, jak działają wbudowane banery adaptacyjne.