Zakotwiczone banery adaptacyjne

Banery adaptacyjne to następna generacja reklam elastycznych, która maksymalizuje skuteczność przez optymalizację rozmiaru reklamy dla każdego urządzenia. Są lepsze od banerów inteligentnych, które obsługiwały tylko stałe wysokości, i pozwalają określić szerokość reklamy i wykorzystać ją do określenia optymalnego rozmiaru reklamy.

Aby wybrać najlepszy rozmiar reklamy, banery adaptacyjne używają stałych współczynników proporcji zamiast stałej wysokości. Dzięki temu banery reklamowe zajmują bardziej spójną część ekranu na różnych urządzeniach, co umożliwia zwiększenie skuteczności.

Podczas pracy z banerami adaptacyjnymi pamiętaj, że zawsze zwracają one 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. Jednak rozmiar banera może się zmieniać w zależności od urządzenia. Dlatego warto zadbać o to, by układ uwzględniał różnice w wysokości reklamy. W rzadkich przypadkach pełny rozmiar adaptacyjny może nie być wypełniony i zamiast tego w tym boksie zostanie wyśrodkowana kreacja o standardowym rozmiarze.

Kiedy używać banerów adaptacyjnych

Banery adaptacyjne mają zastępować standardowe w branży banery 320 x 50 oraz banery inteligentne, które zastępują.

Te rozmiary banerów są zwykle używane jako zakotwiczone banery, które są zwykle zablokowane u góry lub u dołu ekranu. W przypadku takich zakotwiczonych banerów współczynnik proporcji w przypadku banerów adaptacyjnych będzie podobny do standardowych reklam o wymiarach 320 x 50, co widać na tych zrzutach ekranu:


Baner 320 x 50
Baner inteligentny
Baner adaptacyjny

Baner adaptacyjny pozwala lepiej wykorzystać dostępny rozmiar ekranu. Poza tym w porównaniu z banerami inteligentnymi baner adaptacyjny jest lepszym wyborem, ponieważ:

  • Używa podanej szerokości zamiast szerokości ekranu pełnego, co pozwala uwzględniać bezpieczne obszary.

  • Wybiera optymalną wysokość dla danego urządzenia, zamiast stosować stałą wysokość dla urządzeń o różnych rozmiarach, co eliminuje skutki fragmentacji urządzenia.

Uwagi dotyczące implementacji

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

  • Musisz znać szerokość widoku, w którym będzie umieszczona reklama, oraz wziąć pod uwagę szerokość urządzenia i ewentualne bezpieczne obszary.

  • Upewnij się, że tło widoku reklamy jest nieprzezroczyste, aby zachować zgodność z zasadami AdMob, jeśli mniejsze rozmiary reklam nie wypełniają boksu reklamowego.

  • Upewnij się, że używasz najnowszej wersji pakietu SDK do reklam mobilnych Google w C++. Do zapośredniczenia używaj najnowszej wersji każdego adaptera zapośredniczenia.

  • Rozmiary banerów adaptacyjnych zostały zaprojektowane tak, aby działały najlepiej przy 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.

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

  • Istnieją 3 metody uzyskania rozmiaru reklamy na potrzeby banerów adaptacyjnych: jedną w orientacji poziomej, pionową i drugą dla bieżącej orientacji w momencie wykonywania.

  • Rozmiar zwracany dla danej szerokości na danym urządzeniu zawsze będzie 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 przekracza 15% wysokości urządzenia i nigdy nie może być mniejsza niż 50 punktów.

Krótkie wprowadzenie

Aby wdrożyć prosty zakotwiczony baner adaptacyjny, wykonaj podane niżej czynności.

  1. Pobierz adaptacyjny rozmiar banera reklamowego Otrzymany rozmiar będzie używany do wysłania żądania banera adaptacyjnego. Aby móc korzystać z rozmiaru reklamy adaptacyjnej:

    1. Podaj szerokość używanego urządzenia lub ustaw własną szerokość, jeśli nie chcesz korzystać z pełnej szerokości ekranu.

    2. Użyj odpowiednich metod statycznych w klasie AdSize, na przykład GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), aby uzyskać adaptacyjny obiekt AdSize dla wybranej orientacji.

    3. Wywołaj funkcję Initialize() na urządzeniu AdView z utworzonym przez siebie adaptacją AdSize.

      Pełny przykład znajdziesz poniżej.

  2. Utwórz obiekt AdRequest i wczytaj baner za pomocą metody loadAd() w gotowym widoku reklamy, tak jak w przypadku zwykłego żądania banera.

Przykładowy kod

Oto przykład elementu AdView, który wczyta 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 pobierania rozmiaru banera w pozycji zakotwiczonej w bieżącej orientacji interfejsu. Aby wstępnie wczytać zakotwiczony baner w danej orientacji, użyj odpowiedniej funkcji z funkcji GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) i GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).