2.590
Bearbeitungen
Fullscreen Ad: Unterschied zwischen den Versionen
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| Zeile 20: | Zeile 20: | ||
{{Baustein|titel=Generell|text=Ist das Werbemittel größer als das Display, wird es für eine optimale Darstellung entsprechend kleiner skaliert. Ist das Display größer als das Werbemittel, wird das Werbemittel auf dem Display zentriert.<br />In den App-Angeboten des Quality-App-Packages kann es entgegen den anzuliefernden Anzeigeformaten zu abweichenden Sichtbarkeiten innerhalb einer App kommen. Abhängig von der gebuchten App kann die maximale Anzeigefläche durch die Statusleiste des Geräts verkürzt sein.}} | {{Baustein|titel=Generell|text=Ist das Werbemittel größer als das Display, wird es für eine optimale Darstellung entsprechend kleiner skaliert. Ist das Display größer als das Werbemittel, wird das Werbemittel auf dem Display zentriert.<br />In den App-Angeboten des Quality-App-Packages kann es entgegen den anzuliefernden Anzeigeformaten zu abweichenden Sichtbarkeiten innerhalb einer App kommen. Abhängig von der gebuchten App kann die maximale Anzeigefläche durch die Statusleiste des Geräts verkürzt sein.}} | ||
{{Baustein|titel=*GIF|text=In der SZ Digital sind keine gif-Anlieferungen möglich.}} | {{Baustein|titel=*GIF|text=In der SZ Digital sind keine gif-Anlieferungen möglich.}} | ||
{{Baustein|titel=HTML5 Anzeigen in SZ Digital|text= | |||
<div class="warnung"> | |||
Alle HTML-Anzeigen für die SZ Digital müssen auf einem dieser Templates basieren: [https://sz-media.sueddeutsche.de/de/digital/szapp-profil.html Technische Spezifikationen SZ Digital] | |||
</div> | |||
Darin befinden sich folgende Vorlagen: | |||
*"Empty" Vorlage für liquide Ads | |||
*"Resize" Vorlage für das automatische skalieren und zentrieren für Anzeigen die auf iPad-Größe zugeschnitten sind. | |||
*"Video" demonstriert wie Videos eingebunden werden müssen, damit sie auch in der Android-App funktionieren. | |||
====Folgende SZ Digital-eigene Konzepte sind zu beachten:==== | |||
;Datei Preloader:Die zu ladenden Dateien dürfen nicht im head-Bereich geladen werden. Stattdessen gibt es einen Preloader, der das Laden der Dateien übernimmt. Dieser ist in den Templates bereits integriert. | |||
;Callbacks:Der Lebenszyklus einer Anzeige wird durch die drei Callbacks setupAd(), startAd() und stopAd() vorgegeben. Die Anzeige muss diese implementieren und sich entsprechend verhalten. | |||
:;setupAd():alle Dateien wurden durch den Preloader gefunden und das DOM komplett geladen | |||
:;startAd():Der User hat auf die Anzeigenseite geswipet. Nun können bspw. Videos gestartet werden | |||
:;stopAd():Der User hat aus der Anzeige herausgeswipet. Nun können bspw. Videos gestoppt werden | |||
;Displaygrößen:Da die Anzeige auf Geräten mit sehr unterschiedlichen Displaygrößen ausgespielt wird, sollte sie sich wie eine responsive/liquide Webseite verhalten, oder z.B. per User Agent die problematischen Geräte gesondert behandeln (ein Fallback Image anzeigen o.ä.) | |||
;Orientation Change:Die Anzeige sollte auf den Wechsel zwischen Portrait-/ und Landscape Modus reagieren können, bspw. via CSS media queries. | |||
;Video:Unter iOS und Windows können Videos über das <video> Tag eingebunden werden. Bei Android geht dies nicht zuverlässig. Daher sollte der native Vollbildplayer per Javascript aufgerufen werden. Videos können auf Android nicht lokal eingebunden werden, sondern müssen gestreamt werden. | |||
;SZVideo.openVideoPlayer(URL);: | |||
}} | |||
|html5={{HTML5|erlaubt=ja|plattform=mobile}} | |html5={{HTML5|erlaubt=ja|plattform=mobile}} | ||
|3rdParty={{3rdParty|erlaubt=nein|plattform=tablet}} | |3rdParty={{3rdParty|erlaubt=nein|plattform=tablet}} | ||