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:
Zanim zaczniesz
Wdrażając banery adaptacyjne w swojej aplikacji, pamiętaj o tych kwestiach:
- Aby wbudowane banery adaptacyjne działały prawidłowo, musisz ustawić elastyczne układy. Jeśli tego nie zrobisz, reklamy mogą być przycięte lub nieprawidłowo renderowane.
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
AdSize
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.
- Zastosuj odpowiednie metody statyczne do klasy rozmiaru reklamy, np.
AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
aby otrzymać wbudowany obiekt rozmiaru reklamy adaptacyjnej dla wybranej orientacji. - Jeśli chcesz ograniczyć wysokość banera, możesz użyć metody statycznej,
AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)
,
Poniższy przykładowy kod ilustruje te czynności:
Java
// Step 1: Create an inline adaptive banner ad size using the activity context. AdSize adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320); // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. AdView bannerView = new AdView(this); bannerView.setAdUnitId("ad unit ID"); bannerView.setAdSize(adSize); // Step 3: Load an ad. AdRequest adRequest = new AdRequest.Builder().build(); bannerView.loadAd(adRequest); // TODO: Insert banner view in list view or scroll view, etc.
Kotlin
// Step 1: Create an inline adaptive banner ad size using the activity context. val adSize = AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(this, 320) // Step 2: Create banner using activity context and set the inline ad size and // ad unit ID. val bannerView = AdView(this) bannerView.adUnitId = "ad unit ID" bannerView.setAdSize(adSize) // Step 3: Load an ad. val adRequest = AdRequest.Builder().build() bannerView.loadAd(adRequest) // TODO: Insert banner view in list view or scroll view, etc.
Dodatkowe materiały
Przykłady w GitHubie
Pobierz przykładową aplikację, aby zobaczyć, jak działają wbudowane banery adaptacyjne.