Zakotwiczone banery adaptacyjne

Banery adaptacyjne to następna generacja reklam elastycznych, która maksymalizuje skuteczność, ponieważ optymalizuje rozmiar reklamy na każdym urządzeniu. To ulepszona wersja banerów inteligentnych, które obsługiwały jedynie ustalone wysokości. Banery adaptacyjne pozwalają natomiast określić szerokość reklamy i wykorzystać 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.

Korzystając z banerów adaptacyjnych, pamiętaj, że 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. Jednak rozmiar kreacji banerowej może się zmieniać w zależności od urządzenia. Dlatego warto zadbać o to, aby układ uwzględniał różnice w wysokości reklam. W rzadkich przypadkach pełny rozmiar adaptacyjny może nie zostać wypełniony, a kreacja o standardowym rozmiarze zostanie wyśrodkowana w tym miejscu.

Kiedy używać banerów adaptacyjnych

Banery adaptacyjne zostały zaprojektowane jako niewymagający edytowania kodu zamiennik zgodnych ze standardem branżowym banerów w rozmiarze 320 x 50 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 u góry lub u dołu ekranu. W przypadku takich zakotwiczonych banerów format obrazu przy użyciu banerów adaptacyjnych będzie podobny do formatu standardowej reklamy 320 x 50, jak widać na tych zrzutach ekranu:


Baner 320 x 50
Baner inteligentny
Baner adaptacyjny

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

  • Korzystają z podanej szerokości zamiast szerokości pełnego ekranu, co umożliwia uwzględnienie bezpiecznych obszarów.

  • Dobiera optymalną wysokość dla danego urządzenia i nie ma stałej wysokości na urządzeniach o różnej wielkości. Ma to na celu łagodzenie skutków fragmentacji urządzenia.

Uwagi dotyczące implementacji

Wdrażając banery adaptacyjne w swojej aplikacji, pamiętaj o tych kwestiach:

  • Musisz znać szerokość widoku, w którym będzie umieszczona reklama. Należy wziąć pod uwagę szerokość urządzenia i wszelkie odpowiednie bezpieczne obszary.

  • Zadbaj o to, aby tło widoku reklamy było nieprzezroczyste, aby zachować zgodność z zasadami AdMob, gdy wyświetlane są mniejsze reklamy, które nie wypełniają boksu reklamowego.

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

  • Rozmiary banerów adaptacyjnych są zaprojektowane tak, aby najlepiej sprawdzały się przy użyciu pełnej dostępnej szerokości. W większości przypadków będzie to pełna szerokość ekranu urządzenia. Pamiętaj o odpowiednich bezpiecznych obszarach.

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

  • Istnieją 3 metody określania rozmiaru reklamy dla banerów adaptacyjnych: jedna dla orientacji poziomej, druga dla orientacji pionowej i trzecia dla bieżącej orientacji w momencie wykonania.

  • Rozmiar zwrócony 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 przekracza 15% wysokości urządzenia i nigdy nie jest mniejsza niż 50 punktów.

Krótkie wprowadzenie

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

  1. Wybierz rozmiar adaptacyjnego banera reklamowego. Pobrany rozmiar zostanie użyty do przesłania żądania banera adaptacyjnego. Aby uzyskać rozmiar reklamy adaptacyjnej, wykonaj te czynności:

    1. Uzyskaj szerokość używanego urządzenia lub ustaw własną szerokość, jeśli nie chcesz używać całej szerokości ekranu.

    2. Użyj odpowiednich metod statycznych klasy AdSize, takich jak GetCurrentOrientationAnchoredAdaptiveBannerAdSize(uint32_t width), aby uzyskać dostosowany obiekt AdSize dla wybranej orientacji.

    3. Wywołaj Initialize() na AdView za pomocą utworzonej przez siebie adaptacyjnej AdSize.

      Poniżej znajdziesz pełny przykład.

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

Przykładowy kod

Oto przykład właściwości AdView, która wczytuje 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 uzyskania rozmiaru banera w pozycji zablokowanej w przypadku bieżącej orientacji interfejsu. Aby wstępnie załadować baner kotwiczony w danej orientacji, użyj odpowiedniej funkcji z poziomu GetPortraitAnchoredAdaptiveBannerAdSize(uint32_t width) i GetLandscapeAnchoredAdaptiveBannerAdSize(uint32_t width).