Zakotwiczone banery adaptacyjne

Banery adaptacyjne to nowa generacja reklam responsywnych, które maksymalizują skuteczność dzięki optymalizacji rozmiaru reklamy na każdym urządzeniu. Banery adaptacyjne to ulepszona wersja banerów inteligentnych, które obsługiwały jedynie ustalone wysokości. Banery adaptacyjne pozwalają natomiast określić szerokość reklamy i wykorzystują te dane do wyznaczenia optymalnego rozmiaru reklamy.

Aby dobrać najlepszy rozmiar reklamy, banery adaptacyjne używają stałych proporcji zamiast stałych wysokości. Sprawia to, że banery reklamowe zajmują bardziej spójną część ekranu na różnych urządzeniach i umożliwiają poprawę skuteczności.

Pamiętaj, że banery adaptacyjne zawsze zwracają stały rozmiar dla danego urządzenia i danej szerokości. Po przetestowaniu układu na danym urządzeniu możesz mieć pewność, że rozmiar reklamy się nie zmieni. Rozmiar kreacji banerowej może się jednak różnić na różnych urządzeniach. Dlatego zalecamy, aby układ był dostosowany do różnic w wysokości reklamy. W rzadkich przypadkach pełny rozmiar adaptacyjny może nie zostać wypełniony, a w tym miejscu zostanie wyśrodkowana kreacja o standardowym rozmiarze.

Kiedy stosować banery adaptacyjne

Banery adaptacyjne zostały zaprojektowane jako niewymagający edytowania kodu zamiennik zgodnych ze standardem branżowym banerów w rozmiarze 320x50 oraz banerów inteligentnych, które bezpośrednio zastępują.

Te rozmiary banerów są często używane jako banery zakotwiczone, które są zwykle zablokowane na górze lub na dole ekranu. W przypadku takich zakotwiczonych banerów format obrazu podczas korzystania z banerów adaptacyjnych będzie podobny do formatu standardowej reklamy 320 x 50, co widać na tych zrzutach ekranu:


Baner 320 x 50
Baner inteligentny
Baner adaptacyjny

Baner adaptacyjny lepiej wykorzystuje dostępny rozmiar ekranu. Ponadto w porównaniu z banerem inteligentnym baner adaptacyjny jest lepszym wyborem, ponieważ:

  • Korzysta z podanej szerokości zamiast szerokości pełnego ekranu, co pozwala uwzględnić bezpieczne obszary.

  • Wybiera optymalną wysokość dla konkretnego urządzenia, a nie stałą wysokość na urządzeniach o różnych rozmiarach, co zmniejsza skutki fragmentacji urządzeń.

Uwagi na temat implementacji

Podczas implementowania banerów adaptacyjnych w aplikacji pamiętaj o tych kwestiach:

  • Musisz znać szerokość widoku, w którym będzie umieszczona reklama. Powinna ona uwzględniać szerokość urządzenia i odpowiednie bezpieczne obszary.

  • Aby zachować zgodność z zasadami AdMob, gdy wyświetlane są mniejsze rozmiary reklam, które nie wypełniają boksu reklamowego, upewnij się, że tło widoku reklamy jest nieprzezroczyste.

  • Upewnij się, że używasz najnowszej wersji pakietu SDK do reklam mobilnych Google w języku C++. W przypadku mediacji używaj najnowszej wersji każdego adaptera mediacji.

  • Rozmiary banerów adaptacyjnych działają najlepiej, gdy wykorzystują całą dostępną szerokość. W większości przypadków będzie to pełna szerokość ekranu używanego urządzenia. Pamiętaj, aby uwzględnić odpowiednie bezpieczne obszary.

  • Pakiet SDK do reklam mobilnych Google w języku C++ zwraca zoptymalizowaną wysokość reklamy dla danej szerokości w firebase::gma::AdSize.

  • Istnieją 3 metody uzyskiwania rozmiaru reklamy w przypadku banerów adaptacyjnych – jedna dla orientacji poziomej, jedna dla orientacji pionowej i jedna dla bieżącej orientacji w momencie wykonania.

  • Rozmiar zwracany dla danej szerokości na danym urządzeniu będzie zawsze taki sam, dlatego po przetestowaniu układu na danym urządzeniu możesz mieć pewność, że rozmiar reklamy się nie zmieni.

  • Wysokość zakotwiczonego banera nigdy nie jest większa niż 15% wysokości urządzenia i nigdy nie jest mniejsza niż 50 punktów.

Szybki start

Postępuj zgodnie z poniższymi instrukcjami, aby wdrożyć prosty zakotwiczony baner adaptacyjny.

  1. Uzyskaj rozmiar adaptacyjnego banera reklamowego. Rozmiar, który uzyskasz, zostanie użyty do wysłania żądania banera adaptacyjnego. Aby uzyskać rozmiar reklamy adaptacyjnej, upewnij się, że:

    1. Uzyskasz szerokość używanego urządzenia lub ustawisz własną szerokość, jeśli nie chcesz używać pełnej szerokości ekranu.

    2. Użyjesz odpowiednich metod statycznych w klasie AdSize, takich jak GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) aby uzyskać obiekt AdSize adaptacyjny dla wybranej orientacji.

    3. Wywołasz metodę Initialize() w AdView z utworzonym przez siebie adaptacyjnym AdSize.

      Pełny przykład znajduje się poniżej.

  2. Utwórz obiekt AdRequest i załaduj baner za pomocą metody loadAd() przygotowanego wcześniej obiektu klasy AdView, tak jak w przypadku żądania normalnego banera.

Przykładowy kod

Oto przykład AdView, który załaduje baner adaptacyjny:

// Determine view width in pixels based on your app's current width on the
// device's screen. This process will vary depending on which windowing toolkit
// you're using.

firebase::gma::AdSize adaptive_ad_size =
      AdSize::GetCurrentOrientationAnchoredAdaptiveBannerAdSize(view_width);

// my_ad_parent is a reference to an iOS UIView or an Android Activity.
// This is the parent UIView or Activity of the banner view.
firebase::gma::AdParent ad_parent =
  static_cast<firebase::gma::AdParent>(my_ad_parent);
firebase::Future<void> result =
  ad_view->Initialize(ad_parent, kBannerAdUnit, adaptive_ad_size);

W tym przypadku funkcja GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width) służy do uzyskiwania rozmiaru banera w pozycji zakotwiczonej dla bieżącej orientacji interfejsu. Aby wstępnie załadować zakotwiczony baner w danej orientacji, użyj odpowiedniej funkcji z GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) i GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).