Banery adaptacyjne to nowa generacja reklam elastycznych, która maksymalizuje przez optymalizację rozmiaru reklamy na każdym urządzeniu. Ulepszanie reklam o stałym rozmiarze które obsługują tylko stałe wysokości, a banery adaptacyjne pozwalają programistom określić szerokość reklamy i na jego podstawie określić optymalny rozmiar 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
Śródtekstowe banery adaptacyjne są większe i wyższe niż zakotwiczone banery adaptacyjne banerów. 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 znajdzie się reklama, oraz biorąc pod uwagę szerokość urządzenia i wszystkie bezpieczne obszary, w odpowiednich przypadkach.
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.
Metody wyznaczania rozmiaru reklamy są następujące:
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 wykorzystuj pełną szerokość ekranu.
- Zastosuj odpowiednie metody statyczne do klasy rozmiaru reklamy, np.
GADCurrentOrientationInlineBannerAdSizeWithWidth(CGFloat width)
aby otrzymać 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 = GADBannerView(adSize: adSize)
bannerView.adUnitID = "<var>ad unit ID</var>"
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.
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.
GADBannerView bannerView = [[GADBannerView alloc] initWithAdSize:adSize];
bannerView.adUnitID = @"<var>ad unit ID</var>";
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.