Werbeformen mit  Für Kommentare, Ergänzungen:  http://snurl.com/c6jv7   W.I.P
jQuery
Was ist jQuery? <ul><li>jQuery ist ein freies, umfangreiches JavaScript-Framework, das komfortable Funktionen zur Manipula...
Das von John Resig entwickelte Framework wurde im Januar 2006 auf dem BarCamp (NYC) in New York veröffentlicht und wird la...
Mittlerweile haben Microsoft und Nokia angekündigt, jQuery in ihren Produkten zu verwenden.
Microsoft wird jQuery in die Entwicklungsumgebung Visual Studio in Verbindung mit dem ASP.NET MVC Framework und ASP.NET Aj...
Ideen für jQuery- Werbeformen
Seite verschieben <ul><li>Die Werbeanzeige ist neben der Hauptseite angeordnet und ist nicht vollständig sichtbar (kein ho...
Click/Rollover auf die Anzeige schiebt diese nach links in die Mitte des Fensters.
Der Schieb-Effekt dauert ca. 1s und ist sichtbar.
Die Anzeige kann mit Click auf einen Button wieder zurück geschoben werden.
Beispiel:  http://www.alexbuga.com/v8/ </li></ul>Website Ad IDEEN
Nächste SlideShare
Wird geladen in …5
×

Bannerwerbung mit jQuery

2.003 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie
1 Kommentar
0 Gefällt mir
Statistik
Notizen
  • 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.
       Antworten 
    Sind Sie sicher, dass Sie …  Ja  Nein
    Ihre Nachricht erscheint hier
  • Gehören Sie zu den Ersten, denen das gefällt!

Keine Downloads
Aufrufe
Aufrufe insgesamt
2.003
Auf SlideShare
0
Aus Einbettungen
0
Anzahl an Einbettungen
16
Aktionen
Geteilt
0
Downloads
0
Kommentare
1
Gefällt mir
0
Einbettungen 0
Keine Einbettungen

Keine Notizen für die Folie

Bannerwerbung mit jQuery

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

×