Your SlideShare is downloading. ×
Bannerwerbung mit jQuery
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Bannerwerbung mit jQuery

1,711

Published on

Eine W.I.P. Sammlung von Ideen für den Einsatz von jQuery in der klassischen Bannerwerbung

Eine W.I.P. Sammlung von Ideen für den Einsatz von jQuery in der klassischen Bannerwerbung

Published in: Technology
1 Comment
0 Likes
Statistics
Notes
  • Eine ganz tolle Präsentation! Meiner Meinung nach kann bei der heute zur Verfügung stehenden Bandbreite auf Javascript Frameworks wie jquery zurückgegriffen werden. Gerade im Bereich Bannerwerbung sind dadurch interessante Dinge möglich.
    Leider gibt es gerade bei jquery auch ein Problem. Was passiert, wenn jquery schon in der Seite verwendet wird und dazu auch noch in einer veralteten Version, die nicht verwendet werden kann. In Vielen Fällen reicht dann wahrscheinlich auch der noconflict modus nicht aus.

    Frameworks wie z.B. dojo haben hier einen klaren Vorteil, da man Custombuild davon machen kann und Einfluss auf den Namespace nehmen kann unter dem das Framework verwendet wird.

    Trotzdem werden wir wohl früher oder später mehr javascript in Banner sehen.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Be the first to like this

No Downloads
Views
Total Views
1,711
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
1
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Werbeformen mit Für Kommentare, Ergänzungen: http://snurl.com/c6jv7 W.I.P
  • 2. jQuery
  • 3. Was ist jQuery?
    • jQuery ist ein freies, umfangreiches JavaScript-Framework, das komfortable Funktionen zur Manipulation und -Navigation zur Verfügung stellt.
    • 4. Das von John Resig entwickelte Framework wurde im Januar 2006 auf dem BarCamp (NYC) in New York veröffentlicht und wird laufend weiterentwickelt.
    • 5. Mittlerweile haben Microsoft und Nokia angekündigt, jQuery in ihren Produkten zu verwenden.
    • 6. Microsoft wird jQuery in die Entwicklungsumgebung Visual Studio in Verbindung mit dem ASP.NET MVC Framework und ASP.NET Ajax verwenden und Nokia wird es in ihrer Web-Runtime-Plattform integrieren.
    Quelle: Wikipedia JQUERY
  • 7. Ideen für jQuery- Werbeformen
  • 8. Seite verschieben
    • Die Werbeanzeige ist neben der Hauptseite angeordnet und ist nicht vollständig sichtbar (kein horizontaler Scrollbalken).
    • 9. Click/Rollover auf die Anzeige schiebt diese nach links in die Mitte des Fensters.
    • 10. Der Schieb-Effekt dauert ca. 1s und ist sichtbar.
    • 11. Die Anzeige kann mit Click auf einen Button wieder zurück geschoben werden.
    • 12. Beispiel: http://www.alexbuga.com/v8/
    Website Ad IDEEN
  • 13. Packen und verschieben
    • Auf der Website werden zwei Werbeanzeigen angezeigt.
    • 14. Die jQuery Funktion Draggable ermöglicht ein „packen“ und „verschieben“ von Elementen.
    • 15. Wird ein Element in ein anderes verschoben, löst sich eine Aktion aus.
    • 16. Diese Technik kann z.B. für ein Gewinnspiel eingesetzt werden.
      • Ad 2 ist ein Brief, Ad 1 ein Briefkasten
      • 17. Verschiebt der User Ad 1 in den aktiven Bereich von Ad 2 wird eine Aktion ausgelöst (z.B. Text: „Danke für deine Teilnahme“)
    • Weitere Möglichkeiten:
      • Hund füttern => Hund schwänzelt
      • 18. Münze einwerfen => Gewinnlos wird ausgestellt.
    Website Ad 2 Ad 1 IDEEN
  • 19. Explosion
    • Mit dem Effekt Explode kann eine Website zum explodieren gebracht werden d.h. der Inhalt zersplittert in einzelne Teile und fliegt aus dem Bild.
    • 20. In Rectangle in der Mitte der Website wird ein Bild eines Zünders gezeigt.
    • 21. Bei Click auf den Schalthebel explodiert die Seite.
    • 22. Die hinter die Seite gelegte Werbung wird sichtbar.
    • 23. Optional lässt sich dieser Effekt noch mit dem bekannten Browserfenster-Schüttel Java Code ergänzen.
    Ad IDEEN
  • 24. Tabs
    • Die Tab-Navigation ist die am meisten verwendete jQuery Funktion.
    • 25. Ein idealer Einsatzort sind Widgets.
    • 26. Die Informationen der Werbeanzeigen können mit Tabs strukturiert werden.
    • 27. Die klar ersichtliche Navigation bietet dem User die Gewissheit sich schnell informieren zu können und nicht auf eine fremde Seite „entführt“ zu werden.
    • 28. In die Tabs können Formulare wir z.B. eine Newsletter-Anmeldung direkt integriert werden.
    Website IDEEN
  • 29. Show/Hide
    • Die Show/Hide Funktion wird bereits häufig bei z.B. Werbebanner eingesetzt.
    • 30. Der User kann via Click/Rollover die Anzeige zusätzlich vergrössern.
    • 31. Der „extended“ Bereich überlappt sich mit dem bestehenden Inhalt.
    • 32. Mit einen spannenden Motiv, das z.B. nicht vollständig sichtbar ist, kann eine Motivation geschaffen werden, den Banner „auszufahren“.
    • 33. Beispiel: http://snurl.com/c6yh7
    Website IDEEN
  • 34. LightBox
    • Lightbox ist ein weiterer jQuery Klassiker, der aber (noch) äusserst selten für Werbezwecke eingesetzt wird.
    • 35. Die Lightbox ist ein Fenster, das sich in den Vordergrund rückt und die restliche Seite abdunkelt.
    • 36. Lightbox können für Formulare etc. verwendet werden.
    • 37. Ein möglicher Einsatz für Werbezwecke ist das Abspielen eines Films, der z.B. via Click auf den Banner gestartet wird.
    IDEEN
  • 38. Links
    • Offizielle jQuery Seite: http://jquery.com/
    • 39. Guten jQuery Demo Sammlung: http://snurl.com/c70mn
    • 40. 40+ jQuery Tutorials: http://bit.ly/DW2Os
    • 41. ...
    LINKS
  • 42.  

×