Rollover Event: Difference between revisions

no edit summary
No edit summary
No edit summary
Line 1: Line 1:
{{TechSpecsOnline
{{TechSpecsOnline
|galerie=[[File:Online Sonder Rollover Event_en.png|200px]]
|galerie=[[File:Online_Transformation_Homepage_Takeover_Rollover_en.png|200px]]
|beschreibung=This ad implements a large-format background image in the viewport of the browser which is permanently fixed in the visible area of the user and is optionally clickable for forwarding to the client page. Implementation is such that the background remains visible at all times in the further in-page booking positions (see banner positions 1, 2 and 3 (4)) as if through a window. Supplying the individual positions with knock-out image-text combinations leads to a rollover effect when the user scrolls the page.
|beschreibung=This ad implements a large-format background image in the viewport of the browser which is permanently fixed in the visible area of the user and is optionally clickable for forwarding to the client page. Implementation is such that the background remains visible at all times in the further in-page booking positions (see banner positions 2, 4 and 5) as if through a window. Supplying the individual positions with knock-out image-text combinations leads to a rollover effect when the user scrolls the page.
 
|technischeDaten=This ad format combines a total of 3 ads + background image in separate positions of the page. Which ad format is possible in which position is outlined below (only one format per position).
|technischeDaten=This ad format combines a total of 3 (optionally 4) ads in separate positions of the page. Which ad format is possible in which position is outlined below (only one format per position).
{{AnlieferungKombination
{{AnlieferungKombination
|typ=vertikal
|typ=vertikal
Line 13: Line 12:
|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=Banner 1
|bezeichnung2=P2
|text2=
|text2=(Please select 1 of 4 ad formats)
|teil2={{AnlieferungKombination
|teil2={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Billboard Ad|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad|Billboard]]|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=[[Cinema Ad]]|abmessung={{Abmessung|w=100% of viewport width|h=380}}|format=html5 (static oder animated)|gewicht={{Gewicht Online Standard}}}}
|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}}}}
}}
}}
|bezeichnung3=Banner 2 (site specific)
|bezeichnung3=P4
|text3=
|text3=(Please select 1 of 5 ad formats)
|teil3={{AnlieferungKombination
|teil3={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Medium Rectangle:|abmessung={{Abmessung|w=300|h=250}}|format=png, gif, HTML5|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche, handelsblatt, edison, wiwo, faz, areamobile}}
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad|Billboard]]|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil2={{Anlieferungselement|bezeichnung=Billboard Ad:|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}|mandanten=zeit}}
|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=Banner 3
|bezeichnung4=P5
|text4=
|text4=(Please select 1 of 4 ad formats)
|teil4={{AnlieferungKombination
|teil4={{AnlieferungKombination
|zeichen=
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Billboard Ad|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|teil1={{Anlieferungselement|bezeichnung=[[Billboard Ad|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}}}}
|bezeichnung5=Banner 4 (optional for selected sites)
|teil3={{Anlieferungselement|bezeichnung=[[Banner 4:1]]|abmessung={{Abmessung|w=1000|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|text5=
|teil4={{Anlieferungselement|bezeichnung=[[Banner 2:1]]*|abmessung={{Abmessung|w=1000|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|teil5={{AnlieferungKombination
|teil5={{Anlieferungselement|bezeichnung=[[Banner 1:1]]*|abmessung={{Abmessung|w=1000|h=1000}}|format={{Format Online Standard}}|gewicht={{Gewicht|w=200|w2=300}}}}
|zeichen=
|teil1={{Anlieferungselement|bezeichnung=Billboard Ad|abmessung={{Abmessung|w=800 (970)|h=250}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche}}
}}
}}
}}
}}
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF and HTML5 zip-File for '''Banner 1, 2 and 3 (+4)'''|anmerkung='''Background image''' only as JPG, PNG or GIF, no HTML5 possible}}.
|html5={{HTML5|erlaubt=ja|typ=PNG, GIF and HTML5 zip-File for '''banner in position 2, 4 and 5'''|anmerkung='''Background image''' only as JPG, PNG or GIF, no HTML5 possible}}.
|3rdParty={{3rdParty|typ= '''only''' for Banner 1, 2 and 3 (+4) as <iFrame> tag per banner|plattform=online|erlaubt=ja|}}
|3rdParty={{3rdParty|typ= '''only''' as <iFrame> tag per banner in positon 2, 4 and 5 |plattform=online|erlaubt=ja|}}
|besondereInformation=
|besondereInformation=
{{Baustein|titel=Background image|text=The background image is to be supplied in a 16:9 format and may be scaled for optimum display when implemented. The displayed format may differ from the originally delivered size to ensure that it fully covers the viewport of the browser. What may happen is that areas of the background (top, bottom or right, left) are displayed in the non-visible area of the browser.
{{Baustein|titel=Background image|text=The background image is to be supplied in a 16:9 format and may be scaled for optimum display when implemented. The displayed format may differ from the originally delivered size to ensure that it fully covers the viewport of the browser. What may happen is that areas of the background (top, bottom or right, left) are displayed in the non-visible area of the browser.
Line 46: Line 49:
The image is centrally positioned so that the vanishing point of the image is in the centre of the viewport. Please do not include any relevant advertising-related information (e.g. texts) within your background motif, as – depending on device resolution and website page – no guarantee can be given with regard to visibility and positioning accuracy.
The image is centrally positioned so that the vanishing point of the image is in the centre of the viewport. Please do not include any relevant advertising-related information (e.g. texts) within your background motif, as – depending on device resolution and website page – no guarantee can be given with regard to visibility and positioning accuracy.
}}
}}
{{Baustein|titel=Banner 1, 2 and 3 (+4)|text=Please note that the ads for the individual positions require a transparent stage to achieve the rollover effect (see formats). Here as well, the ad presentation should be laid out independently of the background, as scaling effects can lead to differing presentation results. Some older browsers can have problems displaying transparent stages (in which case the display is then generally white). iq digital cannot guarantee the quality of presentation in the case of the low number of these devices that are still in use.}}
{{Baustein|titel=Banner 2, 4 and 5|text=Please note that the ads for the individual positions require a transparent stage to achieve the rollover effect (see formats). Here as well, the ad presentation should be laid out independently of the background, as scaling effects can lead to differing presentation results. Some older browsers can have problems displaying transparent stages (in which case the display is then generally white). iq digital cannot guarantee the quality of presentation in the case of the low number of these devices that are still in use.}}
{{Baustein|titel=Bookings outside homepages|text=In the case of bookings on pages other than the homepage, it is possible that not all 3 positions are integrated in the same page. Moreover, page features like in-view load of an advertising space may mean that not all 3 positions have been initially loaded on a page. We therefore advise you against connecting the advertising spaces – e.g. via local-connect – where this circumstance has not already been taken into account by your creation.}}
{{Baustein|titel=*Combination with 2:1 / 1:1|text=Combination with 2:1 / 1:1 formats only possible by arrangement. 2:1 / 1:1 only once per page, simultaneous combination not possible.}}
|pagenameDE=Rollover-Event
{{Baustein|titel=Local-Connect|text=Specific characteristics of advertising spaces such as delayed loading only with in-view mechanics may mean that not all ad components are initially loaded on a page. We therefore advise against interdependence of the ad components – e.g. via local-connect – where this circumstance has not already been taken into account by your creation.}}
|pagenameDE=Homepage-Takeover (Variante Rollover)
}}
}}