Technical Specifications

Pushdown Billboard: Difference between revisions

Created page with "{{TechSpecsOnline |galerie=200px |beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseo..."
 
No edit summary
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{TechSpecsOnline
{{TechSpecsOnline
|galerie=[[File:Online Sonder Pushdown Billboard.png|200px]]
|galerie=[[File:Online Sonder Pushdown Billboard.png|200px]]
|beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseover nach unten verschiebt.
|beschreibung=A billboard below the navigation bar that pushes the content downwards upon mouseover.
|technischeDaten={{Anlieferungselement|bezeichnung=Pushdown Billboard|abmessung={{Abmessung|w=800 (970)|h=250 auf 500}} (push) |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|technischeDaten={{Anlieferungselement|bezeichnung=Pushdown Billboard|abmessung={{Abmessung|w=800 (970)|h=250 auf 500}} (push) |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|3rdParty={{3rdParty|typ=|plattform=online|erlaubt=nein|}}
|3rdParty={{3rdParty|typ=|plattform=online|erlaubt=nein|}}
|besondereInformation={{Baustein|titel=Interaktion|text='''Einmalige''' Interaktion für Pushdown und Kollabieren via MouseOver/MouseOut. Nach erstmaligen Kollabieren der Anzeigenfläche auf das initiale Format, erscheint ein Button '''"nochmal abspielen"'''. Weitere Pushdowns sind nur noch per '''Klick''' auf den Button möglich. Ist ein Pushdown via Klick erfolgt, wird ein Button zum Schließen der Anzeigenfläche auf das initiale Format eingeblendet.
|besondereInformation={{Baustein|titel=Interaction|text='''One-time''' Interaction for pushdown and collapsing via MouseOver/MouseOut. After the firstcollapsing of the ad area to the initial dimension, a button '''"nochmal abspielen"''' appears. Further pushdowns are possible only via '''click''' on the button. After a pushdown via click the close button is displayed to collapase the ad area to the initial dimension.
}}
}}
{{Baustein|titel=Push-Steuerung|text=
{{Baustein|titel=Push control|text=
Bei Anlieferung des Werbemittels als HTML5-Zip-File müssen die Funktionen und Elemente für '''Klick-Interaktion''' nach obigen Interaktions-Regeln durch die Creative-Agentur umgesetzt werden (Das initiale Mouse-Over/Out wird durch iq digital umgesetzt). Da das HTML5-Project innerhalb eines Cross-Domain-iFrames in den Werbeplatz implementiert wird, sind abgestimmte '''Commands''' für das Messaging mit dem Anzeigen-Template von iq digital erforderlich.  
If the ad is supplied as an HTML5 zip file, the functions and elements for click interaction must be implemented by the creative agency in line with the above interaction rules (the initial MouseOver/MouseOut is handled by the iq digital). As the HTML5 project is implemented within a cross-domain iFrame in the advertising space, coordinated commands are necessary for messaging with the ad template of iq digital.  
<br/><br/>   
<br/><br/>   
Folgende Code-Snippets zum Cross-Domain-Messaging bzw.Übersenden der Commands an das Anzeigen-Template der iq digital sollen Sie dabei unterstützen. Insofern der Creative-Code Ihrer Agentur eine eigene Implementierung vorsieht, so ist zu beachten, dass die Übermittlung der '''vorgegebenen''' Command-Attribute essentiell sind.       
You should support the following code snippets for cross-domain messaging or sending of the commands to the ad template of iq digital. If the creative code of your agency provides for a separate implementation, please note that transmission of the predefined command attributes is essential.       
<br/><br/>
<br/><br/>
'''Dieser Code muss in Ihr Werbemittel im Top-Level-Window "einmalig" eingefügt werden:'''
'''This code has to be included in your ad on top level window "once":'''
<syntaxhighlight lang="html" line="line">
<syntaxhighlight lang="html" line="line">
<script type="text/javascript">
<script type="text/javascript">
Line 39: Line 39:
</script>
</script>
</syntaxhighlight>
</syntaxhighlight>
'''Implementieren Sie auf gleicher Ebene den "Messenger", der bei Aktivierung des Klick-Buttons eine Aktion meldet:'''<syntaxhighlight lang="html" line="line" highlight="3,6,12">
'''Implement on the same level this "Messenger", which sends an action when activated by your click button:'''
<syntaxhighlight lang="html" line="line" highlight="3,6,12">
<script type="text/javascript">
<script type="text/javascript">
   try {
   try {
Line 55: Line 56:
</script>  
</script>  
</syntaxhighlight>
</syntaxhighlight>
Für diese Werbeform sind mehrere "Commands" erforderlich. Die markierte Funktion '''postCommand''' ist dementsprechend in Ihrem Code zu duplizieren.<br/><br/>
This ad format requires several "commands". the highlighted function '''postCommand''' has to be duplicated in your code.<br/><br/>
1. Ersetzen Sie <br/><br/>
1. Replace the <br/><br/>  
'''[iq-command]''' durch '''iqdExpandPB''' (Pushdown der Anzeigen-Fläche) <br/>
'''[iq-command]''' with '''iqdExpandPB''' (pushdown of the ad area) <br/>
'''[iq-command]''' durch '''iqdCollapsePB''' (Kollabieren der Anzeigen-Fläche) <br/><br/>
'''[iq-command]''' with '''iqdCollapsePB''' (collapse of the ad area) <br/><br/>
2. Binden Sie diese an die '''Klick-Sensitiven''' Flächen zum Pushdown und Kollabieren via '''Button'''.<br/>
2. Bind these to your '''click sensitive''' areas for pushdown and collapse via '''button'''.<br/>
3. Ersetzen Sie '''[action-elmID]''' durch die Element-ID Ihres '''Klick-buttons'''.
3. Replace the '''[action-elmID]''' with the element ID of your '''click buttons'''.
}}
}}
 
<includeonly>|wirdReferenziert=true</includeonly>
}}
}}
Retrieved from "https://techspecs.iqd-ao.de/en/index.php?title=Pushdown_Billboard"