890
Bearbeitungen
Billboard mit Reminder: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
keine Bearbeitungszusammenfassung
Esenk (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Esenk (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 13: | Zeile 13: | ||
}} | }} | ||
|besondereInformation= | |besondereInformation= | ||
{{Baustein|titel=Interaktion|text=Scroll-Event des Users fixiert (Sticky-Funktion) das Billboard sichtbar für 5 Sek. am oberen Viewport des Browsers. Nach Ablauf der Zeit kollabiert das Billboard zu einer weniger hohen Reminder-Leiste, die ebenfalls fixiert am oberen Viewport des Browsers verbleibt. Durch Klick kann dieser erneut auf das initiale Format geöffnet werden (die Reminder-Leiste bleibt dauerhaft unterhalb am Billboard angedockt). Durch Klick auf Schließen-Buttons wird das Fixierung bzw. stickiness aufgelöst und das Billboard mit itialem Format im originären Werbeplatz zurückgesetzt und verbleibt dort. Die Features zur Steuerung werden von iq digital umgesetzt - siehe nachfolgende Anforderung zur Umsetzung Creation . | {{Baustein|titel=Interaktion|text=Scroll-Event des Users fixiert (Sticky-Funktion) das Billboard sichtbar für 5 Sek. am oberen Viewport des Browsers. Nach Ablauf der Zeit kollabiert das Billboard zu einer weniger hohen Reminder-Leiste, die ebenfalls fixiert am oberen Viewport des Browsers verbleibt. Durch Klick kann dieser erneut auf das initiale Format geöffnet werden (die Reminder-Leiste bleibt dauerhaft unterhalb am Billboard angedockt). Durch Klick auf Schließen-Buttons wird das Fixierung bzw. stickiness aufgelöst und das Billboard mit itialem Format im originären Werbeplatz zurückgesetzt und verbleibt dort. Die Features zur Steuerung werden von iq digital umgesetzt - siehe nachfolgende Anforderung zur Umsetzung Creation . | ||
}} | }} | ||
{{Baustein|titel=Feature-Steuerung|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. 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. | |||
{{Baustein|titel= | |||
Bei Anlieferung des Werbemittels als HTML5-Zip-File | |||
<br/><br/> | <br/><br/> | ||
'''Dieser Code muss in Ihr Werbemittel im Top-Level-Window "einmalig" eingefügt werden:''' | '''Dieser Code muss in Ihr Werbemittel im Top-Level-Window "einmalig" eingefügt werden:''' | ||
<syntaxhighlight lang="html" line="line"> | <syntaxhighlight lang="html" line="line"> | ||
| Zeile 54: | Zeile 46: | ||
</script> | </script> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Implementieren Sie auf gleicher Ebene den " | #'''Implementieren Sie auf gleicher Ebene den "Listener", der bei Benachrichtigung durch das iq-Template eine Aktion ausführt:'''<syntaxhighlight lang="html" line="line" highlight="14-15"> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
try { | try { | ||
iqdNS. | iqdNS.initAnimation=function(b){ | ||
var | var a; | ||
info | if(b.origin===iqdNS.postOrigin){ | ||
a=JSON.parse(b.data); | |||
if(a.info==="startAnimation"+iqdNS.creativeID){ | |||
iqdNS.animationCallback(a.command) | |||
} | |||
} | } | ||
}; | }; | ||
iqdNS. | iqdNS.animationCallback = function(command){ | ||
}catch(e){} | switch (command){ | ||
</script> | case "[iq-command]": | ||
// Fügen Sie hier den Funktionsaufruf zum Start Ihrer Animation ein. | |||
break; | |||
} | |||
}; | |||
iqdNS.addEvent(window,'message',iqdNS.initAnimation); | |||
} catch(e){} | |||
</script> | |||
</syntaxhighlight> | </syntaxhighlight> | ||
'''Ersetzen Sie '''<span class="blue">[iq-command]</span>''' durch die auf den Einzelseiten spezifizierten "commands" sowie den '''<span class="blue">Kommentarbereich</span>''' durch Ihren jeweiligen Funktionsaufruf zur Aktionsausführung. Je nach Werbeform können aktionsabhängig mehrere "Commands" gesendet werden. In diesen Fällen ist die markierte case-Anweisung entsprechend zu ersetzen (siehe Werbeformspezifikation).''' | |||
Ersetzen Sie '''[iq-command] | |||
{{ReminderSteuerungBaustein}} | |||
}} | |||
}} | }} | ||