|
|
| Zeile 25: |
Zeile 25: |
| {{Baustein|titel=Klick-Buttons|text=Insofern ihre Anzeige mehrere Klick-Buttons für eine externe Verlinkung bzw. interne User-Interaktion beinhaltet, obliegt es der Verantwortung des Erstellers die Klickverarbeitung an ein entsprechendes Element zu binden.}} | | {{Baustein|titel=Klick-Buttons|text=Insofern ihre Anzeige mehrere Klick-Buttons für eine externe Verlinkung bzw. interne User-Interaktion beinhaltet, obliegt es der Verantwortung des Erstellers die Klickverarbeitung an ein entsprechendes Element zu binden.}} |
| {{Baustein|titel=Verlängerung auf Smartphone Apps|text=Kampagnen werden auf die Smartphone Apss verlängert. Dabei werden sie mit W-Lan Targeting ausgespielt.}} | | {{Baustein|titel=Verlängerung auf Smartphone Apps|text=Kampagnen werden auf die Smartphone Apss verlängert. Dabei werden sie mit W-Lan Targeting ausgespielt.}} |
| {{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/downloads/sz_html_lad_programming_templates.zip Templates für die SZ Digital] ([https://sz-media.sueddeutsche.de/service/downloads/180222_SZ_App_Spezifikationen_deutsch.pdf Technische Spezifikationen SZ Digital] und [https://sz-media.sueddeutsche.de/service/mediadaten.html Mediadaten Übersicht SZ]</div><div style="clear:both;"></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|typ=JPG, PNG und HTML5-Zip-File|anmerkung='''Im Falle einer HTML5 Anlieferung:'''<br /> | | |html5={{HTML5|erlaubt=ja|plattform=mobile|typ=JPG, PNG und HTML5-Zip-File|anmerkung='''Im Falle einer HTML5 Anlieferung:'''<br /> |
| Auf Grund der Einzelanforderungen innerhalb des jeweiligen App Angebotes ist eine einheitliche Anlieferung nur eines Daten-Paketes nicht möglich. Es müssen separate ZIP-Files je Angebot geliefert werden an: | | Auf Grund der Einzelanforderungen innerhalb des jeweiligen App Angebotes ist eine einheitliche Anlieferung nur eines Daten-Paketes nicht möglich. Es müssen separate ZIP-Files je Angebot geliefert werden an: |