Rollover-Event: Unterschied zwischen den Versionen

keine Bearbeitungszusammenfassung
K (Textersetzung - „|wichtigeHinweise=“ durch „|besondereInformation=“)
Keine Bearbeitungszusammenfassung
Zeile 3: Zeile 3:
|beschreibung=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.  
|beschreibung=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.  
|besondereInformation=
|besondereInformation=
{{Baustein|titel=Hintergrundbild|text=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:  
{{Baustein|titel=Hintergrundbild|text=Das Hintergrundbild ist in einem 16:9 Format anzuliefern und wird bei Implementierung für die optimierte Darstellung bei Bedarf skaliert. 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.  
;cover(empfohlen und Default-Einstellung):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 Seitenverhältnisse des Motivs, 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.  
;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. }}
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. }}
Zeile 16: Zeile 16:
|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}}|format=jpg, png, gif|gewicht=Initial Load: max. 200 KB}}
}}
}}
|bezeichnung2=Banner 1
|bezeichnung2=Banner 1
Zeile 22: Zeile 22:
|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=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche, zeit, handelsblatt, edison, wiwo, apotheken-umschau, baby- und-familie}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=960|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=faz, areamobile}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=960|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=faz, areamobile}}
|teil3={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil3={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=n-tv}}
}}
}}
|bezeichnung3=Banner 2
|bezeichnung3=Banner 2
Zeile 30: Zeile 30:
|teil3={{AnlieferungKombination
|teil3={{AnlieferungKombination
|zeichen=
|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}}
|teil1={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=300|h=250}}|format=png, gif, HTML5|gewicht=Initial Load: max. 200 KB </br> Host Initiated Subload: max. 200 KB|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}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=980|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=zeit}}
}}
}}
|bezeichnung4=Banner 3
|bezeichnung4=Banner 3
Zeile 37: Zeile 37:
|teil4={{AnlieferungKombination
|teil4={{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=|abmessung={{Abmessung|w=980|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=zeit}}
|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=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche, handelsblatt, edison, wiwo, apotheken-umschau, baby- und-familie}}
|teil3={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=620|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=faz}}
|teil3={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=620|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=faz}}
|teil4={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=680|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil4={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=680|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=n-tv}}
}}
}}
|bezeichnung5=Banner 4 (optional)
|bezeichnung5=Banner 4 (optional)
Zeile 46: Zeile 46:
|teil5={{AnlieferungKombination
|teil5={{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=|abmessung={{Abmessung|w=940|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht|w=200}}|mandanten=n-tv}}
|teil2={{Anlieferungselement|bezeichnung=|abmessung={{Abmessung|w=996|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=n-tv}}
}}
}}
}}
}}
|grundsaetzlich={{Baustein|titel=Generell|text=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.}}
|grundsaetzlich={{Baustein|titel=Generell|text=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.}}
}}
}}