Wbudowane banery adaptacyjne

Banery adaptacyjne to następna generacja reklam elastycznych, która maksymalizuje skuteczność przez optymalizację rozmiaru reklamy dla każdego urządzenia. Ulepszyliśmy banery o stałym rozmiarze, które obsługiwały tylko stałe wysokości, i umożliwiły deweloperom określanie szerokości reklamy i wykorzystywanie jej do określenia optymalnego rozmiaru reklamy.

Aby wybrać najlepszy rozmiar reklamy, wbudowane banery adaptacyjne używają wartości maksymalnych zamiast stałych. Daje to możliwość poprawy skuteczności.

Kiedy używać wbudowanych banerów adaptacyjnych

Wbudowane banery adaptacyjne są większe i wyższe w porównaniu do zakotwiczonych banerów adaptacyjnych. Mają zmienną wysokość, a ich wysokość może sięgać ekranu urządzenia.

Są one przeznaczone do umieszczania w treściach przewijanych, na przykład:

Zanim zaczniesz

Implementując banery adaptacyjne w aplikacji, pamiętaj o tych kwestiach:

• Aby wbudowane banery adaptacyjne działały prawidłowo, musisz ustawić układy elastyczne. Jeśli tego nie zrobisz, reklamy mogą zostać przycięte lub nieprawidłowo renderowane.

• Musisz znać szerokość widoku, w którym zostanie umieszczona reklama, oraz wziąć pod uwagę szerokość urządzenia i ewentualne 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 zostały zaprojektowane tak, aby działały najlepiej przy korzystaniu z 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.

• Konieczne może być zaktualizowanie lub utworzenie nowych elementów zamówienia, by współpracowały z rozmiarami adaptacyjnymi. Więcej informacji

• Aby sprawdzić rozmiar reklamy, możesz:

  • AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getPortraitInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getLandscapeInlineAdaptiveBannerAdSize(Context context, int width)
  • AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight)

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

• Wbudowany baner adaptacyjny jest przeznaczony do umieszczania w treściach, które można przewijać. W zależności od interfejsu API baner może mieć wysokość ekranu urządzenia lub maksymalną wysokość.

Implementacja

Etapy wdrażania wbudowanych banerów reklamowych są takie same jak czynności związane z implementacją zakotwiczonych banerów adaptacyjnych. Jedyną różnicą jest to, że wbudowane adaptacyjne banery reklamowe są ładowane za pomocą wbudowanego adaptacyjnego banera reklamowego. Aby utworzyć wbudowany rozmiar reklamy adaptacyjnej:

• Podaj szerokość używanego urządzenia lub ustaw własną szerokość, jeśli nie chcesz korzystać z pełnej szerokości ekranu.
• Użyj odpowiednich metod statycznych w klasie rozmiaru reklamy, np. AdSize.getCurrentOrientationInlineAdaptiveBannerAdSize(Context context, int width) , aby uzyskać wbudowany obiekt adaptacyjnego rozmiaru reklamy dla wybranej orientacji.
• Jeśli chcesz ograniczyć wysokość banera, możesz użyć metody statycznej: AdSize.getInlineAdaptiveBannerAdSize(int width, int maxHeight) .

Przykładowy kod poniżej przedstawia 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.
AdManagerAdView bannerView = new AdManagerAdView(this);
bannerView.setAdUnitId("ad unit ID");

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER);

// Step 3: Load an ad.
AdManagerAdRequest adRequest = new AdManagerAdRequest.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 = AdManagerAdView(this)
bannerView.adUnitId = "ad unit ID"

// Note that this sets both the adaptive ad size for backfill inventory as well
// as the supported reservation sizes.
bannerView.setAdSizes(adSize, AdSize.BANNER)

// Step 3: Load an ad.
val adRequest = AdManagerAdRequest.Builder().build()
bannerView.loadAd(adRequest)
// TODO: Insert banner view in list view or scroll view, etc.

Ważne: reklamy z rezerwacją w usłudze Ad Manager mogą się wyświetlać w tym samym boksie reklamowym co reklamy o rozmiarze banera adaptacyjnego. Aby w tym samym boksie reklamowym używać banerów adaptacyjnych z reklamami z rezerwacji w usłudze Ad Manager, wywołaj setAdSizes, podając listę rozmiarów zawierających rozmiar adaptacyjny oprócz wszystkich rozmiarów reklam z rezerwacji.

Dodatkowe materiały

Przykłady w GitHubie

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

Java Kotlin