Technische Spezifikationen

Homepage-Takeover (Variante Rollover): Unterschied zwischen den Versionen

Homepage-Takeover (Variante Rollover) (Quelltext anzeigen)

Version vom 22. März 2020, 22:43 Uhr

2.881 Bytes hinzugefügt ,  22. März 2020
keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
Diese Seite beschreibt die notwendigen Anpassungen und Voraussetzungen für den Rollover-Effekt bei einem [[Homepage-Takeover|Homepage-Takeover]]
{{TechSpecsOnline
==Beschreibung Rollover-Effekt==
|galerie=[[Datei:Online_Transformation_Homepage_Takeover.png|200px]]
Das Rollover-Feature implementiert ein großflächiges Hintergrundbild im Viewport des Browsers, welches permanent im sichtbaren Bereich des Users fixiert und optional für die Weiterleitung zur Kundenseite klickbar ist. Die Implementierung durch iq digital sieht dabei vor, dass der Hintergrund auch in den weiteren InPage-Buchungspositionen (siehe P2,4 u. 5) transportiert und wie beim Blick durch ein Fenster jederzeit sichtbar bleibt. Durch die Beschaltung der Einzelpositionen mit freigestellten Bild-Schriftkombinationen entsteht beim Scrollen durch den User ein Rollover-Effekt.
|beschreibung=Diese Werbeform kombiniert insgesamt 3 Werbeformen auf separaten Platzierungen der Seite. Nachfolgend wird spezifiziert welche Werbeform pro Platzierung möglich ist
 
|technischeDaten={{AnlieferungKombination
==Hintergrundbild==
|typ=vertikal
Das Bild ist bitte in einem 16:9 Format anzuliefern:
|zeichen=UND
 
|bezeichnung1=Hintergrundbild
*1920 x 1080 (16:9 erforderlich)
|text1=
*max. Dateigewicht 200 KB
|teil1={{AnlieferungKombination
*nur als Image-Datei (JPG/GIF/PNG)
|zeichen=
 
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}
Es ist darauf zu achten, dass das Hintergrundbild bei der Implementierung für die optimierte Darstellung bei Bedarf skaliert wird. Das ausgespielte Format kann dabei von der ursprünglich angelieferte Größe abweichen. Für die Skalierung wird das Hintergrundbild zur vollständigen Viewport-Abdeckung als CSS „cover“ implementiert.
}}
==cover==
|bezeichnung2=P2
skaliert das Hintergrundbild so groß (klein) wie möglich, so dass der Viewport des Browsers komplett vom Hintergrundbild abgedeckt wird. Je nach Anforderung der Skalierung zur Wahrung der Bild-Seitenverhältnisse kann es dazu kommen , dass schmale Teile des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden.
|text2=(Bitte 1 von 4 Werbeformen auswählen)
 
|teil2={{AnlieferungKombination
Die Einbindung des Bildes ist zentriert ausgerichtet, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports auszumachen ist. Bitte verzichten sie auf Werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann.
|zeichen=
 
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad|Billboard]]|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
==Banner-Formate für Position 2,4 u. 5==
|teil2={{Anlieferungselement|bezeichnung=[[Cinema Ad]]|abmessung={{Abmessung|w=100%-Viewportbreite|h=380}}|format=html5 (statisch oder animiert)|gewicht={{Gewicht Online Standard}}}}
Es ist zu beachten, dass die Werbemittel für die Einzelplatzierungen zum Erhalt des Rollover-Effekts eine transparente Bühne benötigen . Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichenden Darstellungen führen können.
|teil3={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
 
|teil4={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital ebenfalls keine Gewährleistung übernehmen
}}
[[Kategorie:Online]][[Kategorie:Werbeform]][[Kategorie:Werbeform (Online)]]
|bezeichnung3=P4
[[en:{{{pagenameEN|{{PAGENAME}}}}}]]
|text3=(Bitte 1 von 5 Werbeformen auswählen)
|teil3={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad Festplatzierung|Billboard]]|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 2:1]]*|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil5={{Anlieferungselement|bezeichnung=[[Banner 1:1]]*|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
|bezeichnung4=P5
|text4=(Bitte 1 von 5 Werbeformen auswählen)
|teil4={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad Festplatzierung|Billboard]]|abmessung={{Abmessung|w=800-970|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 2:1]]*|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil5={{Anlieferungselement|bezeichnung=[[Banner 1:1]]*|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
}}
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF und HTML5-Zip-File für '''Banner in Positon 2, 4 u. 5'''|anmerkung='''Hintergrundbild''' muss als JPG, PNG oder GIF bereitgestellt werden}}.
|3rdParty={{3rdParty|typ= '''nur''' für Banner in Positon 2, 4 u. 5 als <iFrame>-Tag je Banner|plattform=online|erlaubt=ja|}}
|besondereInformation=
{{Baustein|titel=Hintergrundbild|text=Das Hintergrundbild ist in einem 16:9 Format anzuliefern und wird bei Implementierung für die optimierte Darstellung ggf. skaliert. Das dargestellte Format kann dabei von der ursprünglich angelieferten Größe abweichen, um den Viewport des Browsers komplett abzudecken. Dabei kann es dazu kommen, dass Bereiche des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden. </br>
Die Ausrichtung des Bildes erfolgt zentriert, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedelt ist. Bitte verzichten Sie auf werberelevante Informationen (z.B. Texte) innerhalb ihres Hintergrund-Motives, da für die Sichtbarkeit und Positionstreue je nach Geräteauflösung und Angebotsseite keine Gewährleistung übernommen werden kann. }}
{{Baustein|titel=Banner für Position 2, 4 u. 5|text=Es ist zu beachten, dass die Werbemittel für die Einzelplatzierungen zum Erhalt des Rollover-Effekts eine transparente Bühne benötigen (siehe Formate). Auch hier ist die Werbeinszenierung unabhängig vom Hintergrund zu gestalten, da evtl. Skalierungseffekte zu abweichende Darstellungen führen können. Einige ältere Browser können Probleme mit der Darstellung von transparenten Bühnen haben (Darstellung ist dann i.d.R. weiß gedeckt). Für diese wenigen noch im Einsatz befindlichen Geräte kann iq digital keine Gewährleistung übernehmen.}}
{{Baustein|titel=*Kombination mit 2:1 / 1:1|text=Kombination mit 2:1 / 1:1 Formaten nur auf Nachfrage möglich. 2:1 / 1:1 insg. nur 1 mal pro Seite, nicht gleichzeitig kombinierbar}}
{{Baustein|titel=Local-Connect|text=Eigenheiten von Werbeflächen wie z.B. verzögertes Laden erst bei InView-Mechanik, können dazu führen, dass nicht alle Werbeform-Komponenten initial auf einer Seiten geladen werden. Wir empfehlen daher keine Abhängigkeit der Werberform-Komponenten durch z.B. local-connect, insofern dieser Umstand nicht durch ihre Kreation abgefangen wird.}}
}}
Abgerufen von „https://techspecs.iqd-ao.de/de/index.php?title=Spezial:Mobiler_Unterschied/2269“