Technische Spezifikationen

Pushdown Billboard: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied
Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
 
(9 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 2: Zeile 2:
|galerie=[[Datei:Online Sonder Pushdown Billboard.png|200px]]
|galerie=[[Datei:Online Sonder Pushdown Billboard.png|200px]]
|beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseover nach unten verschiebt.
|beschreibung=Ein unter der Navigationsleiste liegendes Billboard welches den Content bei Mouseover nach unten verschiebt.
|technischeDaten={{AnlieferungKombination
|technischeDaten={{Anlieferungselement|bezeichnung=Pushdown Billboard|abmessung={{Abmessung|w=800 (970)|h=250 auf 500}} (push) |format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}}}
|typ=vertikal
|3rdParty={{3rdParty|typ=|plattform=online|erlaubt=nein|}}
|bezeichnung1=Pushdown Billboard
|teil1={{AnlieferungKombination
|zeichen=
|teil1={{Anlieferungselement|abmessung={{Abmessung|w=940|h=250}}|abmessungExpandiert={{Abmessung|w=940|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}|mandanten=sueddeutsche, szMagazin, jetzt, zeit, handelsblatt, karriere, wiwo, edison, ingenieur, ze.tt, apotheken-umschau, baby-und-familie}}
|teil2={{Anlieferungselement|abmessung={{Abmessung|w=960|h=250}}|abmessungExpandiert={{Abmessung|w=960|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}|mandanten=faz, areamobile}}
|teil3={{Anlieferungselement|abmessung={{Abmessung|w=940|maxW=996|h=250}}|abmessungExpandiert={{Abmessung|w=940|maxW=996|h=500}}|format={{Format Online Standard}}|gewicht={{Gewicht Online Standard}}|mandanten=n-tv}}
}}
}}
|3rdParty={{3rdParty|typ= nur als <iFrame>-Tag|plattform=online|erlaubt=ja|}}
|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=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.
}}
}}
{{Baustein|titel=Push-Steuerung|text=
{{Baustein|titel=Push-Steuerung|text=
Bei Anlieferung des Werbemittels als HTML5-Zip-File und 3rd-Party iFrame-Tag, 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.  
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.  
<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.       
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.       
Zeile 64: Zeile 55:
</script>  
</script>  
</syntaxhighlight>
</syntaxhighlight>
Für diese Werbeform sind mehrere "Commands" erforderlich. Die markierte Funktion ist dementsprechend in Ihrem Code zu duplizieren.<br/><br/>
Für diese Werbeform sind mehrere "Commands" erforderlich. Die markierte Funktion '''postCommand''' ist dementsprechend in Ihrem Code zu duplizieren.<br/><br/>
Ersetzen Sie '''[iq-command]''' durch '''iqdExpandPB''' (Pushdown der Anzeigen-Fläche) <br/>
1. Ersetzen Sie <br/><br/>
Ersetzen Sie '''[iq-command]''' durch '''iqdCollapsePB''' (Kollabieren der Anzeigen-Fläche) <br/>
'''[iq-command]''' durch '''iqdExpandPB''' (Pushdown der Anzeigen-Fläche) <br/>
und binden diese an die '''Klick-Sensitiven''' Flächen zum Pushdown und Kollabieren via '''Button'''<br/>
'''[iq-command]''' durch '''iqdCollapsePB''' (Kollabieren der Anzeigen-Fläche) <br/><br/>
Ersetzen Sie '''[action-elmID]''' durch die Element-ID Ihres '''Klick-buttons'''. <br/>
2. Binden Sie diese an die '''Klick-Sensitiven''' Flächen zum Pushdown und Kollabieren via '''Button'''.<br/>
3. Ersetzen Sie '''[action-elmID]''' durch die Element-ID Ihres '''Klick-buttons'''.
}}
}}
 
<includeonly>|wirdReferenziert=true</includeonly>
}}
}}
Abgerufen von „https://techspecs.iqd-ao.de/de/index.php?title=Pushdown_Billboard“