Fullscreen Ad: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(6 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:
|plattform=tablet
|plattform=tablet
|beschreibung=
|beschreibung=
|anlieferungStandard=10
|anlieferungStandard=15
|anlieferungSonder=
|anlieferungSonder=
|galerie=
|galerie=
Zeile 13: Zeile 13:
|typ=vertikal
|typ=vertikal
|bezeichnung1=Fullscreen Ad (Image)
|bezeichnung1=Fullscreen Ad (Image)
|teil1={{AnlieferungKombination|zeichen=|teil1={{Anlieferungselement|bezeichnung=Portraitmodus|abmessung={{Abmessung|w=1536|h=2048}}|format=jpg, png, gif*|gewicht={{Gewicht|w=2|typ=MB}}|anmerkung=Wenn keine HD-Formate vorhanden sind, ist auch die Anlieferung von Standard-Formaten zulässig:<br />{{Abmessung|w=768|h=1024}}}}|teil2={{Anlieferungselement|bezeichnung=Landscapemodus|abmessung={{Abmessung|w=2048|h=1536}}|format=jpg, png, gif*|anmerkung=Wenn keine HD-Formate vorhanden sind, ist auch die Anlieferung von Standard-Formaten zulässig:<br />{{Abmessung|w=1024|h=768}}}}}}
|teil1={{AnlieferungKombination|zeichen=|teil1={{Anlieferungselement|bezeichnung=Portraitmodus|abmessung={{Abmessung|w=1536|h=2048}}|format=jpg, png|gewicht={{GewichtStatisch|w=2|typ=MB}}|anmerkung=Wenn keine HD-Formate vorhanden sind, ist auch die Anlieferung von Standard-Formaten zulässig:<br />{{Abmessung|w=768|h=1024}}}}|teil2={{Anlieferungselement|bezeichnung=Landscapemodus|abmessung={{Abmessung|w=2048|h=1536}}|format=jpg, png|anmerkung=Wenn keine HD-Formate vorhanden sind, ist auch die Anlieferung von Standard-Formaten zulässig:<br />{{Abmessung|w=1024|h=768}}}}}}
|bezeichnung2=Fullscreen Ad (HTML5)
|bezeichnung2=Fullscreen Ad (HTML5)
|teil2={{AnlieferungKombination|zeichen=|teil1={{Anlieferungselement|bezeichnung=Fullscreen Ad (HTML5)|abmessung={{Abmessung|w=768|h=1024}}|format=HTML5|gewicht={{Gewicht|w=2|typ=MB}}|anmerkung=Die Werbeanzeige muss selbständig auf einen Orientation-Change des Nutzer reagieren sich entsprechend an die neue Landscape-Größe {{Abmessung|w=1024|h=768}} anpassen.}}}}
|teil2={{AnlieferungKombination|zeichen=|teil1={{Anlieferungselement|bezeichnung=Fullscreen Ad (HTML5)|abmessung={{Abmessung|w=768|h=1024}}|format=HTML5|gewicht={{GewichtStatisch|w=2|typ=MB}}|anmerkung=Die Werbeanzeige muss selbständig auf einen Orientation-Change des Nutzer reagieren sich entsprechend an die neue Landscape-Größe {{Abmessung|w=1024|h=768}} anpassen.}}}}
}}
}}
|besondereInformation=
|besondereInformation=
{{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 und/oder durch den Header der jeweiligen App verkürzt sein.}}
{{Baustein|titel=*GIF|text=In der SZ Digital sind keine gif-Anlieferungen möglich.}}
{{Baustein|titel=Orientation Change und Responsivität|text=Die Anzeige muss sich im Rahmen des Seitenverhältnis responsiv auf die Auflösung des Nutzers anpassen und selbständig auf einen Orientation-Wechsel (Hoch- / Queransicht) reagieren. Generell ist es nicht möglich aus der Werbeanzeige heraus die Ausrichtung (Orientation) der App zu sperren.}}
{{Baustein|titel=Orientation Change und Responsivität|text=Die Anzeige muss sich im Rahmen des Seitenverhältnis responsiv auf die Auflösung des Nutzers anpassen und selbständig auf einen Orientation-Wechsel (Hoch- / Queransicht) reagieren. Generell ist es nicht möglich aus der Werbeanzeige heraus die Ausrichtung (Orientation) der App zu sperren.}}
{{Baustein|titel=Video|text=Integrationen von Video können nur als Streaming eingebunden werden. Ein Hosting innerhalb der App Angebote ist nicht möglich.}}
{{Baustein|titel=Video|text=Integrationen von Video können nur als Streaming eingebunden werden. Ein Hosting innerhalb der App Angebote ist nicht möglich.}}
Zeile 26: 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=
|html5={{HTML5|erlaubt=ja|plattform=mobile|typ=JPG, PNG und HTML5-Zip-File|anmerkung='''Im Falle einer HTML5 Anlieferung:'''<br />
<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|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:
[mailto:banner@iqdigital.de banner@iqdigital.de]}}
[mailto:banner@iqdigital.de banner@iqdigital.de]}}
Zeile 53: Zeile 35:
|kategorieAMP=nein
|kategorieAMP=nein
|kategorieVideo=nein
|kategorieVideo=nein
<includeonly>|wirdReferenziert=true</includeonly>
}}
}}