Kromě nativních obsahových reklam služba Google Ad Manager umožňuje zobrazovat na různých platformách poutavá videa pomocí nativních videoreklam, a to ve formě videoreklam vyzývajících k instalaci aplikací, obsahových videoreklam a vlastních formátů. Videoreklamy a obsahové reklamy můžete zobrazovat ve stejném bloku pro nativní reklamu.
Chování nativních videoreklam
Nativní videoreklamy pro službu Ad Manager podporují úplné možnosti formátování pomocí nativních stylů, včetně proměnlivých velikostí u žádostí z webů pro počítače či mobily a z mobilních aplikací. Nativní videoreklamy se zobrazují s následujícím chováním:
Přehrávání videa |
|
---|---|
Zvuk |
|
Podpora funkcí a omezení
Nativní videoreklamy jsou podporovány u umístění v aplikacích a na webu u všech rezervací, přímých dohod a nepřímého programatického obchodování. Pro nativní videoreklamy platí následující podrobnosti:
Vykreslení | Nativní styly nebo vlastní vykreslování pro mobilní aplikace |
Hostování videí |
Značky VAST hostované ve službě Ad Manager nebo u třetí strany V případě videí hostovaných ve službě Ad Manager můžete buď nahrát videosoubor, nebo zadat adresu URL zdroje podkladu, který chcete použít jako kreativu. Podklad musí být v podporovaném formátu, který služba Ad Manager automaticky použije jako soubor mezzanine a překóduje do všech dostupných formátů a velikostí. |
Maximální velikost hostovaného videa | 512 MB* |
Měření zobrazení | Aby zobrazení nativních videoreklam odpovídala oborovým standardům pro videa, započítávají se až poté, co se reklama začne přehrávat v přehrávači. V případě vlastního vykreslování vlastních nativních šablon pro mobilní aplikace musí aplikace volat metodu recordImpression . |
Používané přehrávače |
|
Požadovaná sada SDK (pro mobilní aplikaci) |
Nativní styly
Vlastní vykreslování
|
* Sítě bez účtu služby Ad Manager 360 mají povolená hostovaná videa do velikosti 30 MB.
Omezení
- Nativní videoreklamy nejsou kompatibilní se standardem VPAID.
- U nativních videí v současné době není podporováno zobrazení náhledu kreativy.
- U kreativ spravovaných majitelem stránek s programatickým prodejem zaručeného inventáře jsou podporovány vlastní nativní videoreklamy. U kreativ poskytovaných inzerentem s preferovanými dohodami nejsou podporovány. Viz podpora typů kreativ u přímého programatického obchodování.
- V současné době jsou k dispozici pouze bannerová umístění a umístění in-feed, nikoliv vsunutá umístění.
Veškerý obsah, který poskytujete k použití společnosti Google, musí splňovat smluvní podmínky.
Žádání o nativní videoreklamu prostřednictvím sady SDK
O nativní videoreklamy pro aplikace lze žádat pomocí kódu standardní obsahové bannerové reklamy.
Pokud do rozvržení nativní reklamy chcete zahrnout hlavní obrázkový podklad, namísto podkladu MediaView
je třeba použít podklad ImageView
. Informace o implementaci a dostupných možnostech přizpůsobení najdete v průvodci pro vývojáře.
Požadavky na kód HTML a CSS
Při nastavování stylu pro nativní videoreklamu byste přehrávač videa měli umístit do prvku HTML (div
s makrem #%NATIVE_VIDEO_WRAPPER%#
spustí přehrávač). Bude tak možné zachovat poměr stran přehrávače a zabrat v prvku co nejvíce místa. Při úpravách stylu formátu nativních videoreklam je proto třeba pamatovat na tři důležité body.
1. Explicitně uveďte velikost prvku div, který obsahuje obálku nativní videoreklamy
Velikost prvku div
, který obsahuje makro #%NATIVE_VIDEO_WRAPPER%#
, musí být ve stylu CSS jasně uvedena – pomocí procenta nebo pixelů.
.host-div { width: 300px; height: 200px; }
2. Pamatujte na poměr videoreklamy a kontejneru div a vyhněte se odsazení
Pokud je poměr stran kontejneru div jiný než poměr stran přehrávače videa, okolo videoreklamy se bude zobrazovat odsazení. Odsazení je průhledné (mobilní aplikace) nebo černé (web pro mobily a počítače). Na příkladu vidíte kontejner div s větším poměrem šířky k výšce, než jaký má videoreklama.
Chcete-li vytvořit kontejner |
Příklad: Poměr stran kontejneru div větší než video |
<div class="video-ratio-wrapper"> <div class="video"> #%NATIVE_VIDEO_WRAPPER%# </div> </div>
.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. Seznamte se s tím, jak prvky HTML překrývají přehrávač videa
Přehrávač videa implementovaný v mobilních aplikacích se vždy vykresluje pod ostatními prvky HTML. Toto chování je záměrné a umožňuje překrytí videa jinými prvky, např. nadpisem.
Nastavení Z-indexu pro kontejner div
na toto chování nemá vliv. Nastavení barvy pozadí kontejneru div
způsobí, že prvek div
zakryje celý přehrávač videa.
Prvky div
, ve kterých je videoreklama zabalena, musí být vždy průhledné. Pokud kontejner div
obsahuje jiné než průhledné pozadí, toto pozadí videoreklamu překryje.
Je vhodné použít sadu SDK, pomocí níž budete moci nastavit barvu odsazení okolo videoreklamy a zajistíte, že kontejner div
zůstane průhledný. Ve stylech CSS nastavte parametr background-color
pro prvek body. Sada SDK jeho hodnotu použije jako barvu případného odsazení okolo videoreklamy.
body { background-color: aliceblue; }