10 Jahre lang hat Telefonbieten millionenfach an das Ende einer Auktion erinnert. Hunderttausende Auktionen wurden mit Hilfe von Telefonbieten gewonnen. Zweifellos eine Erfolgsgeschichte! In letzter Zeit wurde es jedoch ruhig um Telefonbieten. Wen wundert’s. Schließlich sind mittlerweile nahezu alle Mobiltelefone ständig im Internet. Es gibt mittlerweile einfach bessere Möglichkeiten, überall in letzter Sekunde bei eBay mitzubieten.

Aus diesem Grund wird mediaBEAM den Telefonbieten-Service zum 30.04.2011 einstellen. Wir freuen uns, dass in den vergangenen 10 Jahren unglaublich viele Auktionen mittels Telefonbieten gewonnen wurden und danken den vielen Hunderttausend Telefonbieten-Nutzern für das in den letzten Jahren entgegengebrachte Vertrauen.

Es gibt hingegen andere Tools, die schlicht begeistern. Dazu zählt für mich “Snap”. Mittels eines kleinen JavaScript Snippets kann jede Webseite innerhalb von ein paar Minuten deutlich aufgewertet werden. Wir haben das mal hier in unserem Blog ausprobiert. Hinter allen externen Links sehen Sie nun ein kleines Icon. Wenn Sie mit der Maus über das Icon fahren, wird eine kleine “Sprechblase” angezeigt, in der ein Screenshot der jeweiligen externen Webseite zu finden ist.

Installation in ein paar wenigen Schritten

Auf der Snap Website kann man zunächst ein paar Parameter einstellen, mit denen das Aussehen und das Verhalten des späteren PopUps verändert werden kann. Unter “Advanced Settings” sind ein paar wichtige Funktionen, die meiner Ansicht nach unbedingt eingestellt werden sollten. “Trigger Snap Shots on Link Icon only” führt beispielsweise dazu, dass die “Sprechblase” nur erscheint, wenn man die Maus exakt auf dem Icon platziert, das hinter jedem Link steht. Ganz wichtig ist auch, dass Snap Shots nur auf externen Links eingeschaltet werden, ansonsten sieht man den Wald vor lauter Snapshots nicht mehr.

Sobald alles eingestellt ist, wirft der Snap Wizard eine kleine JavaScript-Codezeile aus, die in den Header der Webseite eingebunden ist. Alles Weitere passiert automatisch. It’s Magic!

So richtig klasse ist die Previewfunktion bei Links auf die Wikipedia. Bewegen Sie mal die Maus hinter das Icon des folgenden Links: Snapshot. Ist das klasse? Ohne auf die Wikipedia wechseln zu müssen, wird quasi inline der Wikipedia-Content innerhalb des kleinen Bubbles dargestellt.

Unsere Wertung: Two Thumbs Up!

Ein Blick hinter die Kulissen verrät, dass uns (ein bischen Eigenlob sei gestattet) neben der ansprechenden Optik eine ziemlich brillante technische Implementation gelungen ist. Für die Techies unter uns: Die runden Ecken der eBay Relevance Ads bestehen nicht, wie in den allermeisten Webseiten, aus kleinen Grafiken, sondern sind komplett in CSS “gepixelt”. Klarer Vorteil: Die Darstellung im Client-Browser geht deutlich schneller vonstatten, da nicht erst vier kleine GIFs (für jede Ecke eins) nachgeladen werden müssen. Das reduziert ganz nebenbei auch den Load auf den Auslieferungsservern um ein paar Hundert Millionen Requests pro Tag!

Für uns war die deutlich kompliziertere Implementation per CSS aber auch aus einem anderen Grund unumgänglich: Publisher können die Rahmenfarbe der eBay Relevance Ads über einen Aufrufparameter an ihr Webseitenlayout anpassen. Diese Aufgabe konnte nur mittels CSS gelöst werden: Die einzelnen Pixel nehmen automatisch die RGB-Werte der frei definierbaren Rahmenfarbe auf.

Wie funktionieren CSS-Grafiken?

In einfachen Worten gesagt wird jedes einzelne Pixel der Grafik exakt auf den Bildschirm gemalt. Farbwert und Position werden beispielsweise in ein <SPAN> eingearbeitet. Die einzelnen Pixel werden mittels eines <DIV> exakt positioniert. Ein einzelnes Pixel wird z.B. durch folgenden Code dargestellt:

       <SPAN style="DISPLAY: block; BACKGROUND: #b0afb4;
       WIDTH: 1px; HEIGHT: 1px">&nbsp;</SPAN>

Mit solchen CSS-Grafiken — wir nennen sie “Pixicons” — lassen sich ganz lustige Sachen bauen. Das nebenstehende eBay Logo ist beispielsweise gar kein echtes Bild (GIF, JPG oder PNG), sondern besteht aus einzelnen Pixeln, die der Browser zur Laufzeit zusammensetzt. Das menschliche Auge erkennt dies jedoch als zusammenhängendes Bild.

Für den Rechner ist das Ganze nur eine Kolonne von exakt 886 html-Kommandos. Jedes Einzelne Kommando entspricht einem Pixel dieser Grafik. Kleiner Nachteil an diesem “eBay-Logo”: Der html-Code ist sportliche 44 KByte gross. Als GIF dürften das nur 2KB sein. Dafür muss der Client die Grafik nicht nachladen.

CSS-Grafiken werden somit wohl auch in Zukunft eher in Spezialfällen angewendet. Wie zum Beispiel in unseren runden Ecken. Auch bei “Captchas” sind CSS-Grafiken sehr beliebt. CAPTCHAs werden verwendet, um zu entscheiden, ob das Gegenüber ein Mensch oder eine Maschine ist. Diese kleinen Bildchen enthalten Zeichenfolgen, die der Nutzer eingeben soll. Ein solches Captcha soll jedoch nicht computerlesbar sein. Ist es auch nicht. Siehe Code

Was ist drin? Es ist weiß. Fühlt sich an wie Frottee. Mit Stickerei “eBay Lieblingspartner”. Schnell entfalten und ansehen. Ein Bademantel. Cool! Schnell anziehen.

Die Kollegen staunen nicht schlecht, als kurz darauf 4 Gestalten in weiss über den Flur zu den Grafik-Mädels laufen. Denn dort hängt das grosse Poster mit “unserem” Andy. Den haben wir mal so getauft. Schnell die Kamera raus und die Begeisterung im Bild festgehalten. 3… 2… 1… Klick!

Danke eBay!

Michael, wir können uns einfach nicht verkneifen, dich aus dem Artikel bei abi.de zu zitieren: “Die größten Erfolge für die Micro Projekt Designer sind Anwendungen, die von eBay Deutschland entwickelt und dann von anderen Ländergesellschaften übernommen werden. Ein Beispiel dafür ist ein Softwaresystem zur automatischen Erzeugung von Werbebannern.”

Es ist nicht zu leugnen: Wir lieben eBay und wir lieben die gemeinsamen, erfolgreichen Micro Projects. Der Intensifier und speziell die eBay Relevance Ads sind Ausdruck dieser guten Partnerschaft. Eine Partnerschaft, die vor Allem durch die fruchtbaren Beziehungen zu Dominik und dem Micro Projects Team lebt.

Wir freuen uns auf 2008.

Ach ja, wo wir schon mal bei den Zahlenspielereien sind: Wir wollen nicht vergessen, dass der Intensifier weitestgehend ausschließlich den deutschsprachigen Raum abdeckt. Wenn das System auch in weiteren europäischen Ländern eingesetzt wird, ist eBay und uns einer der vorderen Plätze in der TOP-10 sicher. Sachen gibt’s…