Rollover-Event: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(42 dazwischenliegende Versionen von 4 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
{{TechSpecs
{{TechSpecsOnline
|plattform=online
|galerie=[[Datei:Online_Transformation_Homepage_Takeover_Rollover3.png|200px]]
|galerie=<gallery mode="packed" heights="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.
Datei:Rubriken_Takeover.png
|technischeDaten=Diese Werbeform kombiniert insgesamt 3 Werbeformen + Hintergrundbild auf separaten Platzierungen der Seite. Nachfolgend wird spezifiziert welche Werbeform pro Platzierung möglich ist{{AnlieferungKombination
</gallery>
|anlieferungBox=ja
|anlieferungStandard={{{anlieferungStandard|5}}}
|anlieferungSonder=
|infotext=Dieses Werbemittel 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 sieht dabei vor, dass der Hintergrund auch in den weiteren InPage-Buchungspositionen (siehe Bannerplätze 1, 2 u. 3) 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.  
|wichtigeHinweise=
===Hintergrundbild===
Das Bild ist bitte in einem 16:9 Format anzuliefern (die empfohlene Pixel-Größe ist der Folgeseite zu entnehmen). 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 stehen 2 Varianten für die Hintergrundabdeckung zur Verfügung:
;cover(empfohlen):Skaliert das Hintergrundbild so groß (klein) wie möglich, so dass der Viewport des Browsers komplettvom Hintergrundbild abgedeckt wird. Je nach Anforderung der Skalierung zur Wahrung der Bild-Seitenverhältnisse kann es dazu kommen, dass Teile des Hintergrundes (oben, unten bzw. rechts, links) im nicht sichtbaren Bereich des Browsers dargestellt werden.
;contained:Skaliert das Hintergrundbild so groß (klein) wie möglich unter Berücksichtigung, dass immer die komplette Breite und Höhe des Bildes im sichtbaren Bereich des Viewport verbleiben. Bei unpassenden Viewport-Seitenverhältnissen kann es zu nicht, durch das Bild, abgedeckten Bereichen im sichtbaren Browserbereich kommen („Balken“ - oben, unten  bzw. rechts, links), um die unterschiedlichen Geräte-Ratio auszugleichen.
Bitte geben Sie bei Buchung einer der Varianten zur Abdeckung des Browserviewports an. Die Einbindung des Bildes ist in beiden Fällen zentriert ausgerichtet, so dass der Fluchtpunkt des Bildes im Zentrum des Viewports angesiedetl ist. Bitte verzichten sie ebenfalls in beiden Fällen 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.
===Banner 1,2 u. 3 (+4)===
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 ebenfalls keine Gewährleistung übernehmen.
|abmessungText=Folgende Banner sind pro Position möglich (nur ein Format pro Position)
{{AnlieferungKombination
|typ=container
|teil1={{AnlieferungKombination
|typ=vertikal
|typ=vertikal
|zeichen=UND
|zeichen=UND
Zeile 26: Zeile 9:
|teil1={{AnlieferungKombination
|teil1={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}}|format=jpg, png, gif|gewicht={{Gewicht|w=200}}}}
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=1920|h=1080}} (16:9)|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}
}}
}}
|bezeichnung2=Banner 1
|bezeichnung2=P1
|text2=
|text2=(Bitte 1 von 3 Werbeformen auswählen)
|teil2={{AnlieferungKombination
|teil2={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=sueddeutsche, zeit, handelsblatt, edison, wiwo, apotheken-umschau, baby- und-familie}}
|teil1={{Anlieferungselement|bezeichnung=[[Cinema Ad]]|abmessung={{Abmessung|w=100%-Viewportbreite|h=380}}|format=html5 (statisch oder animiert)|gewicht={{Gewicht Online Standard}}}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=960|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=faz, areamobile}}
|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=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
|bezeichnung3=Banner 2
|text3=
|teil3={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=300|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200|mandanten=sueddeutsche, handelsblatt, edison, wiwo, apotheken-umschau, baby- und-familie, faz, areamobile, n-tv}}}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=980|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200|mandanten=zeit}}}}
}}
}}
|bezeichnung4=Banner 3
|bezeichnung3=P2
|text3=
|text3=(Bitte 1 von 4 Werbeformen auswählen)
|teil3={{AnlieferungKombination
|teil3={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=980|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=zeit}}
|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=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=sueddeutsche, handelsblatt, edison, wiwo, apotheken-umschau, baby- und-familie}}
|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=|abmessung={{Abmessung|w=620|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=faz}}
|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=|abmessung={{Abmessung|w=680|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil4={{Anlieferungselement|bezeichnung=[[Banner 1:1]]|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
}}
|bezeichnung4=Banner 4 (optional)
|bezeichnung4=P3
|text3=
|text4=(Bitte 1 von 3 Werbeformen auswählen)
|teil3={{AnlieferungKombination
|teil4={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=sueddeutsche}}
|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=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil2={{Anlieferungselement|bezeichnung=[[Banner 3:1]]|abmessung={{Abmessung|w=1000|h=333}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
}}
}}
}}
}}
}}
|html5={{{html5|{{HTML5|erlaubt=ja|plattform=mobile}}}}}
|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|{{3rdParty|erlaubt=ja|plattform=online}}}}}
|3rdParty={{3rdParty|typ= '''nur''' als <iFrame>-Tag für Banner in Positon 2, 4 u. 5 |plattform=online|erlaubt=ja|}}
|agenturZaehlpixel={{{agenturZaehlpixel|{{AgenturZaehlpixel|erlaubt=ja|plattform=mobile}}}}}
|besondereInformation=
|werbekennzeichnung={{{werbekennzeichnung|{{Werbekennzeichnung|wer=[https://www.iqdigital.de iq digital]}}}}}
{{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>
|anmerkung=Bei Buchungen außerhalb der Homepage, kann es vorkommen, dass nicht alle 3 Positionen auf einer Seite integriert sind. Des Weiteren können Seiten-Features wie InView-Load eines Werbeplatzes dazu führen, dass nicht alle 3 Positionen initial auf einer Seiten geladen wurden. Wir empfehlen daher keine Verbindung der Werbeflächen durch z.B. local-connect, insofern dieser Umstand nicht durch ihre Kreation abgefangen wird.
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.}}
|sortierung={{{sortierung|{{PAGENAME}}}}}
{{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.}}
|kategorieOnline=ja
{{LocalConnectBaustein}}
|pagenameEN=Rollover Event
}}
}}
[[en:{{{pagenameEN|{{PAGENAME}}}}}]]