Rollover-Event: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{TechSpecsOnline
{{TechSpecsOnline
|galerie=[[Datei:Online_Transformation_Homepage_Takeover_Rollover.png|200px]]
|galerie=[[Datei:Online_Transformation_Homepage_Takeover_Rollover3.png|200px]]
|beschreibung=Dieses Werbemittel implementiert ein vollflä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 sieht dabei vor, dass der Hintergrund auch in den weiteren InPage-Buchungspositionen (siehe Banner für Position 2, 4 u. 5) wie beim Blick durch ein Fenster jederzeit sichtbar bleibt. Durch die Beschaltung der Einzelpositionen mit freigestellten Bild-Schrift- Kombinationen entsteht beim Scrollen durch den User ein Rollover-Effekt.
|beschreibung=Dieses Werbemittel implementiert ein vollflä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 sieht dabei vor, dass der Hintergrund auch in den weiteren InPage-Buchungspositionen (siehe Banner für Position 2, 4 u. 5) wie beim Blick durch ein Fenster jederzeit sichtbar bleibt. Durch die Beschaltung der Einzelpositionen mit freigestellten Bild-Schrift- Kombinationen entsteht beim Scrollen durch den User ein Rollover-Effekt.
|technischeDaten=Diese Werbeform kombiniert insgesamt 3 Werbeformen + Hintergrundbild auf separaten Platzierungen der Seite. Nachfolgend wird spezifiziert welche Werbeform pro Platzierung möglich ist{{AnlieferungKombination
|technischeDaten=Diese Werbeform kombiniert insgesamt 3 Werbeformen + Hintergrundbild auf separaten Platzierungen der Seite. Nachfolgend wird spezifiziert welche Werbeform pro Platzierung möglich ist{{AnlieferungKombination
Zeile 11: Zeile 11:
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}
}}
}}
|bezeichnung2=P2
|bezeichnung2=P1
|text2=(Bitte 1 von 3 Werbeformen auswählen)
|text2=(Bitte 1 von 3 Werbeformen auswählen)
|teil2={{AnlieferungKombination
|teil2={{AnlieferungKombination
Zeile 19: Zeile 19:
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|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}}}}
}}
}}
|bezeichnung3=P4
|bezeichnung3=P2
|text3=(Bitte 1 von 4 Werbeformen auswählen)
|text3=(Bitte 1 von 4 Werbeformen auswählen)
|teil3={{AnlieferungKombination
|teil3={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil1={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|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 2:1]]*|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil3={{Anlieferungselement|bezeichnung=[[Banner 2:1]]|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 1:1]]*|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 1:1]]|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
}}
|bezeichnung4=P5
|bezeichnung4=P3
|text4=(Bitte 1 von 4 Werbeformen auswählen)
|text4=(Bitte 1 von 3 Werbeformen auswählen)
|teil4={{AnlieferungKombination
|teil4={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil1={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|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 2:1]]*|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 1:1]]*|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
}}
}}
}}
Zeile 44: Zeile 42:
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.  Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten.}}
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.  Auf Aussparungen und Weißflächen innerhalb des Hintergrundbilds ist zu verzichten.}}
{{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=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}}
{{LocalConnectBaustein}}
{{LocalConnectBaustein}}
|pagenameEN=Rollover Event
|pagenameEN=Rollover Event
}}
}}