Działanie i funkcje natywnych reklam wideo

Google Ad Manager umożliwia tworzenie nie tylko natywnych reklam displayowych, ale też reklam multimedialnych działających na różnych platformach obsługujących natywne kreacje wideo – reklam wideo promujących instalacje aplikacji, reklam z treścią wideo czy reklam w formatach niestandardowych. W jednym natywnym boksie reklamowym możesz wyświetlać formaty wideo lub displayowe.

Działanie natywnych reklam wideo

W ramach natywnych reklam wideo w usłudze Ad Manager można w bardzo różny sposób określać style natywne, np. stosować rozmiary elastyczne w przypadku żądań reklam pochodzących z przeglądarek komputerowych i mobilnych oraz aplikacji mobilnych. Natywne reklamy wideo wyświetlają się w taki sposób:

Odtwarzanie wideo

Reklama wideo odtwarza się automatycznie, o ile nie ograniczają tego ustawienia przeglądarki. Jeśli przeglądarka nie zezwala na autoodtwarzanie, wyświetlany jest obraz plakatu, a użytkownicy muszą kliknąć reklamę, aby ją odtworzyć. Niektóre przeglądarki mogą działać inaczej, gdy użytkownik nie widzi odtwarzanego wideo (na przykład podczas przełączania kart). Może to spowodować niewielkie rozbieżności między Widokiem aktywnym i liczbą pełnych obejrzeń. Wideo jest automatycznie wstrzymywane, gdy ponad połowa reklamy znajdzie się poza widoczną częścią strony, oraz wznawiane, gdy połowa reklamy znajdzie się w widocznej części strony. Odtwarzanie wideo nie jest jednak wstrzymywane w przypadku otwarcia nowej karty. W takich sytuacjach działanie reklam wideo może się różnić w zależności od przeglądarki. Automatyczne natywne reklamy wideo mogą być wyświetlane tylko użytkownikom, którzy korzystają z połączenia Wi-Fi. W przypadku reklam innych niż automatyczne wideo może być odtwarzane niezależnie od rodzaju połączenia.

Dźwięk

Odtwarzanie automatyczne rozpoczyna się z wyłączonym dźwiękiem. Użytkownik musi włączyć dźwięk kliknięciem.

 

Obsługa funkcji i ograniczenia

Natywne reklamy wideo są obsługiwane w miejscach docelowych w aplikacjach i w internecie, w ramach wszystkich rezerwacji, umów bezpośrednich i transakcji zautomatyzowanych sprzedawanych pośrednio. W odniesieniu do natywnych reklam wideo obowiązują te specyfikacje:

Renderowanie	Style natywne lub renderowanie niestandardowe w aplikacjach mobilnych
Hosting wideo	Kreacje VAST hostowane w usłudze Ad Manager lub systemie zewnętrznym W przypadku kreacji hostowanych przez Ad Managera możesz przesłać zasób wideo lub podać adres URL źródła zasobu, aby używać go jako kreacji. Zasób powinien być w obsługiwanym formacie, który Ad Manager automatycznie oznaczy jako plik mezzanine wykorzystywany do transkodowania na wszystkie dostępne formaty i rozmiary.
Maksymalny rozmiar hostowanego pliku wideo	512 MB*
Śledzenie wyświetleń	Wyświetlenia natywnych reklam wideo są zliczane po rozpoczęciu odtwarzania reklamy przez odtwarzacz. Ten sposób zliczania zapewnia zgodność ze standardami branżowymi. W przypadku niestandardowego renderowania niestandardowych szablonów reklam natywnych w aplikacji mobilnej aplikacja musi wywołać metodę recordImpression.
Używane odtwarzacze	Android: odtwarzacz EXO iOS: odtwarzacz wideo Google Sieć: odtwarzacz HTML5 w komponencie WebView
Wymagany pakiet SDK (w przypadku aplikacji mobilnych)	Style natywne Pakiet SDK do reklam mobilnych Google na Androida w wersji 9.0 lub nowszej iOS 7.16.0 lub nowszy Renderowanie niestandardowe Pakiet SDK do reklam mobilnych Google na Androida w wersji 10.2 lub nowszej Przeznaczony na iOS pakiet SDK do reklam mobilnych Google w wersji 7.16.0 lub nowszej

* Limit hostowania wideo w przypadku sieci bez konta Ad Managera 360 to 30 MB.

Ograniczenia

• Format wideo VPAID jest niezgodny z natywnymi reklamami wideo.
• Podgląd kreacji nie obsługuje obecnie natywnych kreacji wideo.
• Niestandardowe natywne reklamy wideo są obsługiwane w przypadku kreacji zarządzanych przez wydawcę w ramach automatyzacji gwarantowanej. Nie są one obsługiwane w przypadku kreacji dostarczonych przez reklamodawcę w ramach umów preferencyjnych. Sprawdź, jakie typy kreacji są obsługiwane w ramach automatyzacji bezpośredniej.
• Obecnie dostępne są tylko banery i miejsca docelowe In-Feed – pełnoekranowe miejsca docelowe nie są obsługiwane.

Wszystkie treści, które udostępniasz na użytek Google, muszą być zgodne z Warunkami korzystania z usług.

Żądanie natywnej reklamy wideo przez pakiet SDK

Natywne reklamy wideo do wyświetlania w aplikacji można wywoływać, korzystając ze standardowego kodu displayowego banera reklamowego.

Jeśli w układzie reklamy natywnej chcesz uwzględnić główny zasób obrazu, zamiast zasobu ImageView musisz użyć zasobu MediaView. Więcej informacji o implementacji oraz dostępnych opcjach dostosowywania znajdziesz w przewodniku dla programistów.

Wymagania dotyczące kodu HTML i CSS

Przy konfigurowaniu stylu natywnej reklamy wideo odtwarzacz należy umieścić wewnątrz elementu HTML (do wywoływania odtwarzacza należy używać elementu div z makrem #%NATIVE_VIDEO_WRAPPER%#), by zachować współczynnik proporcji odtwarzacza i spróbować zająć jak najwięcej miejsca w obrębie elementu. Z tego względu przy tworzeniu stylu natywnego formatu reklam wideo należy pamiętać o trzech istotnych kwestiach.

1. Należy jednoznacznie określić rozmiar elementu div zawierającego kod natywnej reklamy wideo

Rozmiar elementu div zawierającego makro #%NATIVE_VIDEO_WRAPPER%# musi zostać w pełni określony w CSS – procentowo lub w pikselach.

.host-div {
   width: 300px;
   height: 200px;
}

2. Należy umiejętnie dobrać proporcje filmu i elementu div kontenera, by wyeliminować dopełnienie

Jeśli proporcje elementu div kontenera różnią się od proporcji odtwarzacza wideo, wokół obszaru filmu pojawi się dopełnienie. Kolor dopełnienia jest przezroczysty (w aplikacjach mobilnych) lub czarny (na stronach internetowych na urządzenia mobilne i komputery). W tym przykładzie widać element div kontenera o większym stosunku szerokości do wysokości niż w przypadku filmu. Aby utworzyć element div kontenera bez dopełnienia, należy mu nadać proporcje identyczne z filmem. Jeśli format obrazu filmu jest znany z góry, poniższy kod HTML i CSS zapewni wygenerowanie elementu div idealnie pasującego do filmu.

Przykład: element div o współczynniku proporcji większym od filmu

HTML

---

<div class="video-ratio-wrapper">
  <div class="video">
    #%NATIVE_VIDEO_WRAPPER%#
  </div>
</div>

CSS

---

.video-ratio-wrapper {
  position: relative;
  width: 100%;
}

.video-ratio-wrapper:after {
  padding-top: 56.25%;
  /* 16:9 ratio */
  display: block;
  content: '';
}

.video {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

3. Sposób nakładania się elementów HTML na odtwarzacz wideo

Odtwarzacz wideo zaimplementowany w aplikacjach mobilnych zawsze wyświetla się poniżej innych elementów HTML. Jest to zamierzony efekt, który umożliwia takim elementom jak nagłówek nakładanie się na film.

Ustawienie kolejności nakładania elementów w elemencie div kontenera nie wpływa na ten efekt, a ustawienie koloru tła tego elementu spowoduje przesłanianie przez niego całego odtwarzacza wideo.

Wszystkie elementy div, które otaczają film, muszą być przezroczyste. Jeśli element div kontenera ma nieprzezroczyste tło, będzie nakładać się na film.

Pakiet SDK umożliwia sterowanie kolorem dowolnego dopełnienia filmu, zapewniając zarazem, że element div kontenera pozostanie przezroczysty. Aby to zrobić, ustaw w kodzie CSS element body parametr background-color. Pakiet SDK używa tej wartości jako koloru dopełniania wokół filmu.

body {
  background-color: aliceblue;
}