Fullscreen Ad: Unterschied zwischen den Versionen

Zur Navigation springen Zur Suche springen
3.881 Bytes hinzugefügt ,  3. Mai 2021
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
(23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 3: Zeile 3:
|beschreibung=
|beschreibung=
|anlieferungStandard=10
|anlieferungStandard=10
|anlieferungSonder=
|galerie=
|galerie=
<gallery mode="packed" heights="200px">
<gallery mode="packed" heights="200px">
Zeile 12: 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={{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|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={{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.}}}}
}}
}}
|besondereInformation=
|besondereInformation=
{{Baustein|titel=Konvention|text=Bitte platzieren Sie keine relevanten Informationen, oder Interaktionen in den letzten 40 Pixeln Ihrer Anzeige, da diese durch die jeweilige Integration durch die Statusleiste des Betriebssystems abgeschnitten werden können.}}
{{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=Begründung|text=In den App-Angeboten des Quality-App-Packages kann es entgegen den anzuliefernden Anzeigeformaten zu abweichenden Sichtbarkeiten innerhalb einer App kommen. Siehe Statusleiste auf vorherige Seite. Diese Elemente führen zu einer Verkürzung der max. Anzeigefläche.
{{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.}}
Bitte beachten Sie die oben stehende Konvention, damit eine Verarbeitung und Lieferung eines einheitlichen Anzeigeformats für alle App-Angebote möglich ist.}}
{{Baustein|titel=Swipe-Gesten|text=Grundsätzlich darf die HTML-Seite keine großen- bzw. vollflächigen Swipe-Aktionen (wischen horizontal und vertikal) enthalten. Lediglich Klick-Aktionen und erkennbare innerhalb der Anzeige integrierte und geschlossene kleine Swipe-Boxen sind erlaubt. Funktionalität muss ebenfalls bei Anlieferung bereits gewährleistet sein.}}
{{Baustein|titel=Klickweiterleitung|text=Die Klickweiterleitung zur Kunden-Landingpage erfolgt ganzflächig per „tab“ auf die Anzeige innerhalb der App-View.}}
{{Baustein|titel=Qualitätssicherung|text=Die Werbemittel werden technisch validiert, notwendige Änderungen müssen vom Ersteller vorgenommen werden. Bitte testen Sie Funktionalitäten vorab auf den relevanten Browsern. Eine finale Freigabe kann nur nach erfolgreichem Test im App-Angebot erfolgen.}}
|html5={{HTML5|erlaubt=nein|plattform=tablet|anmerkung=Für HTML5-Anlieferung siehe Werbeform [[Full Screen RichMedia Ad (HTML)]]}}
{{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=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 />
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]}}
|3rdParty={{3rdParty|erlaubt=nein|plattform=tablet}}
|3rdParty={{3rdParty|erlaubt=nein|plattform=tablet}}
|agenturZaehlpixel={{AgenturZaehlpixel|erlaubt=nein|plattform=tablet}}
|agenturZaehlpixel={{AgenturZaehlpixel|erlaubt=nein|plattform=tablet}}
|werbekennzeichnung={{Werbekennzeichnung|wer=Agentur}}
|werbekennzeichnung={{Werbekennzeichnung|wer='''die Agentur'''}}
|kategorieTablet=ja
|kategorieTablet=ja
|kategorieMEW=nein
|kategorieMEW=nein
|kategorieAMP=nein
|kategorieAMP=nein
|kategorieVideo=nein
}}
}}

Navigationsmenü